zoukankan      html  css  js  c++  java
  • JavaScript基础知识逐步理解。

      浅谈JavaScript入门基础:
        在对JavaScript的内容进行深入研究前,我对JavaScript的基础方面进行一次系统性的整理,下面把这些知识分享给大家。
    1 JavaScript的组成:
        ECMAScript:解释器--将人类可读可解的语言与计算机语言进行交互,方便计算机运行,方便人类读解。
        DOM:Document Object Modle。--通过DOM对HTML进行操作。
        BOM:Browser Object Modle。--通过BOM来对浏览器窗口进行操作。
       关于三者兼容性问题:
        ECMAScript:几乎没有兼容性。
        DOM:有一些操作不兼容。
        BOM:完全不兼容。(利用较少)
    2 (1)变量类型
        常见的类型:number,string,boolean,undefined,object,founction。
        在用变量时,最好一个变量只放一种类型的数据,避免在代码操作时混乱。
       (2)数据类型的转换
        例子:计算两个文本框的和(代码在最后)
        显示类型的转换(强制类型的转换)
        parseint(),parsefloat()
        NaN的意义和检测。(not a number)
        隐藏类型转换
        计算==
        减法操作
    3 变量作用域和闭包
        变量作用域:局部变量,全局变量。
      什么是闭包:
        子函数可以使用父函数中的局部变量。
        之前我们一直在使用闭包。
       可以看看网上对闭包的定义。
    4 命名规范
       命名规范及必要性:
        可读性-能看懂;
        规范性-符合规则;
       匈牙利命名法
        类型前缀;
        首字母大写。

    还有一些基础后面继续进行随笔,下面把类型转换给大家讲一下:

    我们通过计算两个文本框的和来解释它,首先,我们进行代码:

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>

    function dianji(){
    var shuzione=document.getElementById("shuzi1");
    var shuzitwo=document.getElementById("shuzi2");
    var zonghe=document.getElementById("he");


    alert(shuzione.value+shuzitwo.value)


    }
    </script>
    </head>
    <body>
    <input type="text" id="shuzi1" />
    <input type="text" id="shuzi2" />
    <input type="button" value="求和" id="he" onclick="dianji()">
    </body>
    </html>

    运行后我们计算1+2发现,得出来的结果是12;如图

    产生这种现象的原因是  :“+”号既可以是字符串的链接,也是数字之间的相加,显然,系统进行的字符串的链接。

    解决办法很简单,我们通过   parseint(),parsefloat()来解决。

    在此看代码(利用if进行了完整化)

    <!DOCTYPE html>
    <html>
    <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>

    function dianji(){
    var shuzione=document.getElementById("shuzi1");
    var shuzitwo=document.getElementById("shuzi2");
    var zonghe=document.getElementById("he");
    var n1=parseInt(shuzione.value);
    var n2=parseInt(shuzitwo.value);
    if(isNaN(n1) )
        //isNaN判断它是否是一个数字//

    {
    alert("你输入的第一个数字有误");
    }
    else if(isNaN(n2)
    {
    alert("你输入的第二个数字有误");
    }
    else{
    alert(n1+n2);
    }



    }
    </script>
    </head>
    <body>
    <input type="text" id="shuzi1" />
    <input type="text" id="shuzi2" />
    <input type="button" value="求和" id="he" onclick="dianji()">
    </body>
    </html>
    运行如下:

    这就是数据类型的应用。

    也是今天比较重要的一点,希望大家可以理解,后面的知识也会慢慢写出来。

    
    
  • 相关阅读:
    Spring Boot2 系列教程(十三)Spring Boot 中的全局异常处理
    Spring Boot2 系列教程(十二)@ControllerAdvice 的三种使用场景
    Spring Boot2 系列教程(十一)Spring Boot 中的静态资源配置
    Spring Boot2 系列教程(十)Spring Boot 整合 Freemarker
    Python pass 语句
    Python continue 语句
    Python break 语句
    Python 循环嵌套
    Python for 循环语句
    小程序开发中的六大问题难点
  • 原文地址:https://www.cnblogs.com/799875530qq/p/5406046.html
Copyright © 2011-2022 走看看