javascript 容易混淆遗忘的基础知识

1.  标识符

    所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。标识符可以是按照下列格式规则组合起来的一或多个字符:

    1.1   第一个字符必须是一个字母、下划线( _ )或一个美元符号( $ );

    1.2   其他字符可以是字母、下划线、美元符号或数字。

    总结:标识符只能由字母、数字、下划线或美元符号组成,但是第一个字符不能是数字,只能是其他三种。

    (标识符中的字母也可以包含扩展的 ASCII或 Unicode字母字符(如 À和 Æ),但不推荐这样做。)

2.  数据类型

     简单数据类型(也称为基本数据类型):Undefined 、 Null 、 Boolean 、 Number  和   String; 复杂数据类型:Object 。

     2.1  Undefined 类型

            Undefined 类型只有一个值,即特殊的 undefined 。在使用 var 声明变量但未对其加以初始化时,这个变量的值就是 undefined ,例如:

            var message;

            alert(message == undefined);         //true

     2.2  Null 类型    

            Null 类型是第二个只有一个值的数据类型,这个特殊的值是 null 。从逻辑角度来看, null 值表示一个空对象指针,而这也正是使用 typeof 操作符检测 null 值时会返回 "object" 的原因。

     2.3  Boolean 类型

            Boolean 类型是 ECMAScript 中使用得最多的一种类型,该类型只有两个字面值: true 和 false 。

            虽然 Boolean 类型的字面值只有两个,但 ECMAScript 中所有类型的值都有与这两个 Boolean 值等价的值。

            要将一个值转换为其对应的 Boolean 值,可以调用转型函数 Boolean() ,至于返回的这个值是 true 还是 false ,取决于要转换值的数据类型及其实际值。

            下表给出了各种数据类型及其对应的转换规则。

数据类型    转换为true的值    转换为false的值 
Boolean    true   false 
String   任何非空字符串   "" (空字符串) 
Number  任何非零数字值(包括无穷大)  0和 NaN 
Object  任何对象  null 
Undefined    undefined 

 

     2.4   Number 类型

             最基本的数值字面量格式是十进制整数,除了以十进制表示外,整数还可以通过八进制(以 8 为基数)或十六进制(以 16 为基数)的字面值来表示。

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

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

             在进行算术计算时,所有以八进制和十六进制表示的数值最终都将被转换成十进制数值。(八进制字面量在严格模式下是无效的,会导致支持的 JavaScript 引擎抛出错误。)             

    var octalNum1 = 070;              // 八进制的 56
    var octalNum2 = 079;              // 无效的八进制数值——解析为 79
    var octalNum3 = 08;                // 无效的八进制数值——解析为  

    var hexNum1 = 0xA;               // 十六进制的 10
    var hexNum2 = 0x1f;               // 十六进制的 31

 

              2.4.1   浮点数值

                         由于保存浮点数值需要的内存空间是保存整数值的两倍,因此 ECMAScript会不失时机地将浮点数值转换为整数值。显然,如果小数点后面没有跟任何数字,那么这个数值就可以作为整数值来保存。

                         对于那些极大或极小的数值,可以用 e 表示法(即科学计数法)表示的浮点数值表示。用 e 表示法表示的数值等于 e 前面的数值乘以 10 的指数次幂。

                         var floatNum3 = .1;               // 有效,但不推荐                    

       var floatNum1 = 1.;              // 小数点后面没有数字——解析为 1
       var floatNum2 = 10.0;          // 整数——解析为 10

                         var floatNum = 3.125e7;      // 等于 31250000

                         浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数。例如,0.1 加 0.2的结果不是 0.3,而是 0.30000000000000004。这个小小的舍入误差会导致无法测试特定的浮点数值。

                         因此,永远不要测试某个特定的浮点数值。                         

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

            2.4.2    数值范围

                        由于内存的限制,ECMAScript 并不能保存世界上所有的数值。ECMAScript 能够表示的最小数值保存在 Number.MIN_VALUE 中——在大多数浏览器中,这个值是 5e-324;

                        能够表示的最大数值保存在Number.MAX_VALUE 中——在大多数浏览器中,这个值是 1.7976931348623157e+308。

                        如果某次计算的结果得到了一个超出 JavaScript 数值范围的值,那么这个数值将被自动转换成特殊的 Infinity 值。具体来说,如果这个数值是负数,则会被转换成 -Infinity (负无穷),如果这个数值是正数,则会被转换成 Infinity (正无穷)。

                        如上所述,如果某次计算返回了正或负的 Infinity 值,那么该值将无法继续参与下一次的计算,因为 Infinity 不是能够参与计算的数值。

                        要想确定一个数值是不是有穷的(换句话说,是不是位于最小和最大的数值之间),可以使用 isFinite() 函数。这个函数在参数位于最小与最大数值之间时会返回 true ,如下面的例子所示:                       

        var result = Number.MAX_VALUE + Number.MAX_VALUE;
        alert(isFinite(result)); //false

                       Number.NEGATIVE_INFINITY  =  -Infinity

                       Number.POSITIVE_INFINITY  =  Infinity

            2.4.3   NaN

                       NaN ,即非数值(Not a Number)是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。

                       NaN 本身有两个非同寻常的特点:首先,任何涉及 NaN 的操作(例如 NaN /10)都会返回 NaN ,这个特点在多步计算中有可能导致问题。其次, NaN 与任何值都不相等,包括 NaN 本身。

                       alert(NaN == NaN); //false

                       针对 NaN 的这两个特点,ECMAScript 定义了 isNaN() 函数。这个函数接受一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”。

                       isNaN() 在接收到一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串 "10" 或 Boolean 值。而任何不能被转换为数值的值都会导致这个函数返回 true 。                     

      alert(isNaN(NaN));           //true
      alert(isNaN(10));              //false(10 是一个数值)
      alert(isNaN("10"));           //false(可以被转换成数值 10)
      alert(isNaN("blue"));        //true(不能转换成数值)
      alert(isNaN(true));           //false(可以被转换成数值 1)

                     注意:实际上只有 0除以 0 才会返回 NaN,正数除以 0 返回 Infinity,负数除以 0返回-Infinity。

        提示: 尽管有点儿不可思议,但 isNaN() 确实也适用于对象。在基于对象调用 isNaN()函数时,会首先调用对象的 valueOf() 方法,然后确定该方法返回的值是否可以转换为数值。如果不能,则基于这个返回值再调用 toString() 方法,再测试返回值。

  2.4.4 数值转换

     有 3 个函数可以把非数值转换为数值: Number() 、 parseInt() 和 parseFloat() 。转型函数 Number() 可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。这 3个函数对于同样的输入会有返回不同的结果。

     Number() 函数的转换规则如下:

     1)  如果是 Boolean 值, true 和 false 将分别被转换为 1 和 0。

     2)  如果是数字值,只是简单的传入和返回。

     3)  如果是 null 值,返回 0。

     4)  如果是 undefined ,返回 NaN 。

     5)  如果是字符串,遵循下列规则:

      #  如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即 "1"会变成 1, "123" 会变成 123,而 "011" 会变成 11(注意:前导的零被忽略了);

      #  如果字符串中包含有效的浮点格式,如 "1.1" ,则将其转换为对应的浮点数值(同样,也会忽略前导零);

      #  如果字符串中包含有效的十六进制格式,例如 "0xf" ,则将其转换为相同大小的十进制整数值;

      #  如果字符串是空的(不包含任何字符),则将其转换为 0;

      #  如果字符串中包含除上述格式之外的字符,则将其转换为 NaN 。

     6)  如果是对象,则调用对象的 valueOf() 方法,然后依照前面的规则转换返回的值。如果转换的结果是 NaN ,则调用对象的 toString() 方法,然后再次依照前面的规则转换返回的字符串值。

     总结 :调用 Number() 返回 0 :Number(false) ; Number(null) ; Number(0) ; Number('') ;  Number('   ') ; Number('0.0') ;

    

    parseInt() 函数转换字符串规则:

    parseInt() 函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字符串前面的空格,直至找到第一个非空格字符。

    如果第一个字符不是数字字符或者负号, parseInt()就会返回 NaN ;也就是说,用 parseInt() 转换空字符串会返回 NaN ( Number() 对空字符返回 0)。

    如果第一个字符是数字字符, parseInt() 会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。

     parseInt() 也能够识别出各种整数格式(即前面讨论的十进制、八进制和十六进制数)。也就是说,如果字符串以 "0x" 开头且后跟数字字符,就会将其当作一个十六进制整数;如果字符串以 "0" 开头且后跟数字字符,则会将其当作一个八进制数来解析。

    注意 : 在 ECMAScript 3 JavaScript 引擎中, "070" 被当成八进制字面量,因此转换后的值是十进制的 56。

         而在 ECMAScript 5 JavaScript 引擎中, parseInt() 已经不具有解析八进制值的能力,因此前导的零会被认为无效,从而将这个值当成 "70" ,结果就得到十进制的 70。

    为了消除在使用 parseInt() 函数时可能导致的上述困惑,可以为这个函数提供第二个参数:转换时使用的基数(即多少进制)。    

    var num3 = parseInt("0xA");               // 10(十六进制数)
    var num6 = parseInt("070");               // 70(十进制数)

    var num = parseInt("0xAF", 16);        //175    

    var num1 = parseInt("AF", 16);          //175
    var num2 = parseInt("AF");                //NaN

    指定基数会影响到转换的输出结果。例如:

    var num1 = parseInt("10", 2);            //2 (按二进制解析)
    var num2 = parseInt("10", 8);            //8 (按八进制解析)
    var num3 = parseInt("10", 10);          //10 (按十进制解析)
    var num4 = parseInt("10", 16);          //16 (按十六进制解析)

    注意 : 不指定基数意味着让 parseInt() 决定如何解析输入的字符串,因此为了避免错误的解析,我们建议无论在什么情况下都明确指定基数。

    parseFloat() 函数转换字符串规则:

    与 parseInt() 函数类似, parseFloat() 也是从第一个字符(位置 0)开始解析每个字符。而且也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。

    也就是说,字符串中的第一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。

    除了第一个小数点有效之外, parseFloat() 与 parseInt() 的第二个区别在于它始终都会忽略前导的零。

     parseFloat() 可以识别前面讨论过的所有浮点数值格式,也包括十进制整数格式。但十六进制格式的字符串则始终会被转换成 0。

    由于 parseFloat() 只解析十进制值,因此它没有用第二个参数指定基数的用法。  

    var num1 = parseFloat("1234blue"); //1234 (整数)
    var num2 = parseFloat("0xA"); //0
    var num3 = parseFloat("22.5"); //22.5
    var num4 = parseFloat("22.34.5"); //22.34
    var num5 = parseFloat("0908.5"); //908.5
    var num6 = parseFloat("3.125e7"); //31250000

2.5  String 类型

  String 类型用于表示由零或多个 16 位 Unicode 字符组成的字符序列,即字符串。字符串可以由双引号(")或单引号(')表示

2.5.1  字符字面量

  String 数据类型包含一些特殊的字符字面量,也叫转义序列,用于表示非打印字符,或者具有其他用途的字符。 

  \n     换行
  \t      制表
  \b     空格
  \r      回车
  \f      进纸
  \\      斜杠
  \'      单引号( ' ),在用单引号表示的字符串中使用。例如: 'He said, \'hey.\''
  \"        双引号( " ),在用双引号表示的字符串中使用。例如: "He said, \"hey.\""
  \xnn      以十六进制代码 nn 表示的一个字符(其中 n 为0~F)。例如, \x41 表示 "A"
  \unnnn    以十六进制代码 nnnn 表示的一个Unicode字符(其中 n 为0~F)。例如, \u03a3 表示希腊字符Σ

2.5.2   字符串的特点

  ECMAScript 中的字符串是不可变的,也就是说,字符串一旦创建,它们的值就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量。

2.5.3   转换为字符串

   toString() 方法:这个方法唯一要做的就是返回相应值的字符串表现。

  数值、布尔值、对象和字符串值(没错,每个字符串也都有一个 toString() 方法,该方法返回字符串的一个副本)都有 toString() 方法。但 null 和 undefined 值没有这个方法。

  多数情况下,调用 toString() 方法不必传递参数。但是,在调用数值的 toString() 方法时,可以传递一个参数:输出数值的基数。默认情况下, toString() 方法以十进制格式返回数值的字符串表示。

  var age = 11;
  var ageAsString = age.toString(); // 字符串"11"
  var found = true;
  var foundAsString = found.toString(); // 字符串"true"

  var num = 10;
  alert(num.toString()); // "10"
  alert(num.toString(2)); // "1010"
  alert(num.toString(8)); // "12"
  alert(num.toString(10)); // "10"
  alert(num.toString(16));   // "a"

  转型函数 String():能够将任何类型的值转换为字符串。

  String() 函数遵循下列转换规则:

  如果值有 toString() 方法,则调用该方法(没有参数)并返回相应的结果;

   如果值是 null ,则返回 "null" ;  

  var value1 = 10;
  var value2 = true;
  var value3 = null;
  var value4;
  alert(String(value1));    // "10"
  alert(String(value2));    // "true"
  alert(String(value3));    // "null"
  alert(String(value4));    // "undefined"

2.6   Object 类型

  ECMAScript 中的对象其实就是一组数据和功能的集合。对象可以通过执行 new 操作符后跟要创建的对象类型的名称来创建。而创建 Object 类型的实例并为其添加属性和(或)方法,就可以创建自定义对象,如下所示:

  var o = new Object();

  Object 的每个实例都具有下列属性和方法:

  constructor :保存着用于创建当前对象的函数。对于前面的例子而言,构造函数(constructor)就是 Object() 。

  hasOwnProperty(propertyName) :用于检查给定的属性在当前对象实例中(而不是在实例的原型中)是否存在。其中,作为参数的属性名( propertyName )必须以字符串形式指定(例如: o.hasOwnProperty("name") )。

  isPrototypeOf(object) :用于检查传入的对象是否是传入对象的原型。

  propertyIsEnumerable(propertyName) :用于检查给定的属性是否能够使用 for-in 语句来枚举。与 hasOwnProperty() 方法一样,作为参数的属性名必须以字符串形式指定。

  toLocaleString() :返回对象的字符串表示,该字符串与执行环境的地区对应。

   toString() :返回对象的字符串表示。

  valueOf() :返回对象的字符串、数值或布尔值表示。通常与 toString() 方法的返回值相同。

3.  typeof 操作符

     对一个值使用 typeof 操作符可能返回下列某个字符串:

     "undefined" ——如果这个值未定义; 

     "boolean" ——如果这个值是布尔值;

     "string" ——如果这个值是字符串;

     "number" ——如果这个值是数值;

     "object" ——如果这个值是对象或 null ;

   "function" ——如果这个值是函数。

     下面是几个使用 typeof 操作符的例子:

           var message = "some string";
           alert(typeof message);           // "string"
           alert(typeof(message));         // "string"
           alert(typeof 95);                     // "number"

     注意 : typeof null会返回 "object" ,因为特殊值 null 被认为是一个空的对象引用。

    

posted @ 2019-08-16 10:24  啃骨头的猫  阅读(204)  评论(0编辑  收藏  举报