美文网首页
3、基本概念

3、基本概念

作者: 低调的内双 | 来源:发表于2017-09-17 20:03 被阅读0次

    1、ECMAScript的标识符(标识符指变量、函数、属性的名字,或者函数的参数)采用驼峰大小写格式,即第一个字母小写,其余的每个单词首字母大写
    2、严格模式
    ES5引入了严格模式(strict mode),在严格模式下,ES3中的一些不确定的行为将得到处理。支持严格模式的浏览器包括IE 10+、Firefox 4+、Safari 5.1+、Opera 12+、Chrome。在顶部添加以下代码,即可在整个脚本启用严格模式。

    "use strict"
    

    也可以在指定函数中使用严格模式:

    function doSomething(){
            "use strict"
            //函数体
    }
    

    3、变量
    变量仅仅是一个用于保存值的占位符而已。在函数中用var定义一个变量,该变量会在函数执行完后被销毁
    在严格模式下,给未声明的变量赋值(即没有var声明的全局变量)会抛出ReferenceError错误,也不能定义名为eval或者arguments的变量。
    4、数据类型
    在js中,有5种简单数据类型(即基本数据类型):Undefined、Null、Boolean、Number和String。和1种复杂数据类型(即引用类型)--Object。

    typeof 操作符来测定变量的数据类型

    var message = "hi";
    console.log(typeof message);    //string
    console.log(typeof (message));  //string
    console.log(typeof 68);    //number
    

    由上可知,typeof操作符的操作数可以是变量,也可以是数值字面量。typeof是一个操作符而不是函数,因此例子中的圆括号尽管可以使用,但不是必须的。调用typeof null会返回“object”,因为特殊值null被认为是一个空的对象引用。
    4.1 Undefined类型

    var aa;
    console.log(aa === undefined);  //true
    

    未初始化的变量的值就是undefined。

    var dd;
    alert(dd); //"undefined"
    alert(ee); //产生错误
    

    上述代码,第一个警告框会显示变量dd的值,即“undefined”,第二个则会导致错误。因为对于未声明的变量,只能执行一项操作,即使用typeof来检测其数据类型

    var dd;
    alert(typeof dd); //"undefined"
    alert(typeof ee); //"undefined"
    

    对未初始化和未声明的变量执行typeof操作符都会返回undefined值。

    4.2 Null类型
    Null类型是第二个只有一个值的数据类型,其表示一个空对象指针,也正是使用typeof操作符检测null值时会返回“object”的原因。如下所示:

    var car = null;
    console.log(typeof car); //object
    

    如果定义的变量打算用来保存对象的,最好将其初始化为null而不是其他值。这样只要直接检查null值就可知道相应的变量是否已经保存了一个对象的引用。如下所示:

    if (car != null) {
        //对car对象执行某些操作
    }
    

    实际上,undefined值派生于null值,因此它们的相等性测试会返回true:

    console.log(undefined == null) //true
    console.log(undefined === null) //false
    

    null 和undefined 用途的区别:

    1、无论在什么情况下,都没必要把一个变量的值显示的设置为undefined。
    2、只要意在保存对象的变量还没真正保存对象,都应该明确的让该变量保存null值。这样可以体现null作为空对象指针的惯例,又可区分null和undefined。

    4.3 Boolean类型
    Boolean类型只有true和false这两个字面值,但区分大小写的,即True和False都不是布尔值,只是标识符。
    js中所有类型的值都有与布尔值等价的值。调用转型函数Boolean(),总会返回一个Boolean值。

    var n = "hi";
    console.log(Boolean(n));   //true
    var m = ""; //空字符串
    console.log(Boolean(m));  //false
    var a = " ";  //非空字符串
    console.log(Boolean(a));   //true
    
    数据类型 转换为true的值 转换为false的值
    Boolean true false
    String 任何非空字符串,包括一个空格“ ”或多个空格“ ” “”(空字符串)
    Number 任何非零数字值(含无穷大) 0和NaN
    Object 任何对象 null
    Undefined 不适用 undefined

    上述这些转换规则对理解流控制语句(如if语句)自动执行相应的Boolean转换非常重要。

    var message = "hi";
    if (message) {
        alert("value is true");
    }
    

    运行上述代码,会显示一个警告框。因为字符串message被自动转换成对应的Boolean值(true)。
    4.4 Number类型
    在js中,整数除了以十进制表示外,还可以通过八进制(以8为基数)或十六进制(以16为基数)来表示。

    八进制字面值的第一位必须是零,后面是八进制数字序列(0~7)。如果字面值中的数值超出了范围,前导零会被忽略,后面的数值被当做十进制数值解析。

    var num1 = 070; //八进制的56
    var num2 = 079; //无效的八进制数值,被解析为79
    var num3 = 08;  //无效的八进制数值,被解析为8
    console.log(num1 === 56)  //true
    console.log(num2 === 79)  //true
    console.log(num3 === 8)  //true
    

    注意:八进制字面值在严格模式下是无效的,会抛出错误。

    十六进制字面值的前两位必须是0x,后面跟任何十六进制数字(0-9及A-F),其中,字母A~F大小写皆可。

    var num4 = 0xA;   //十六进制的10
    var num5 = 0x1f;  //十六进制的31
    console.log(num4 === 10)  //true
    console.log(num5 === 31)  //true
    

    进行算术计算时,所有以八进制和十六进制表示的数值最终都会转换成十进制数值。

    4.4.1 浮点数值
           浮点数值即数值中必须包含一个小数点,且小数点后必须至少有一位数字。
           因为保存浮点数值需要的内存空间是保存整数值的两倍,所以js会不失时机的将浮点数转换为整数值。比如销售点后面没有数字(如1.),则可以作为整数保存。同样地,本身就是整数(如1.0),也会转换为整数。
           对于极大或极小的数值,可用e表示法(即科学计数法)表示浮点数值。

    var floatNum = 3.125e7;  //等于31250000
    

    e表示法即前面是一个数值(可以是整数也可以是浮点数),中间是大写或小写E,后面是10的幂中的指数。

    ECMAScript会将小数点后面带有6个零以上的浮点数值转换为以e表示法表示数值。
    浮点数值的最高精度是17位小数。但进行算术计算时其精度远远不如整数。例如,0.1加0.2的结果不是0.3,而是0.30000000000000004。这个小小的舍入误差会导致无法测试特定的浮点数值。

    if (a + b == 0.3) {     //不要做这样的测试!!!
        alert("You got 0.3");
    }
    

    在上述例子中,我们测试的是两个数的和是不是等于0.3,如果这两个数是0.05和0.25,或者是0.15和0.15都不会有问题。如果这两个数是0.1和0.2,测试将无法通过。所以,永远不要测试某个特定的浮点数值。

    0.1 + 0.2 == 0.3;  //false
    0.15 + 0.15 == 0.3  //true
    0.05 + 0.25 == 0.3  //true
    

    相关文章

      网友评论

          本文标题:3、基本概念

          本文链接:https://www.haomeiwen.com/subject/zotysxtx.html