《JavaScript高级程序设计（第3版）》知识点笔记1

1、JavaScript是一种专为网页交互而设计的脚本语言，由三个不同部分组成：

ECMAScript，提供核心语言功能

文档对象模型（DOM），提供访问和操作页面内容的方法和接口

浏览器对象模型（BOM），提供与浏览器交互的方法和接口

2、HTML4.01为<script>标签定义了defer属性。这个属性的用途是表明脚本在执行时不会影响页面的构造，也就是说，脚本会延迟到整个页面都解析完毕后再运行。

HTML5中明确规定，defer属性只适用于外部脚本，因此支持HTML5的实现会忽略给嵌入脚本设置的defer属性。

3、HTML5为<script>元素定义了async属性。与defer类似，async只适用于外部脚本文件，并告诉浏览器立即下载文件。但与defer不同的是，标记为async的脚本并不保证按照它们的先后顺序执行。

4、IE5.5引入了文档模式的概念，而这个概念是通过使用文档类型（doctype）切换实现的。最初的两种文档模式是：混杂模式（quirks mode）和标准模式（standards mode）。混杂模式会让IE的行为与（包含非标准特性的）IE5相同，而标准模式则让IE的行为更接近标准行为。

如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。但采用混杂模式不是什么值得推荐的做法，因为不同浏览器在这种模式下的行为差异非常大，如果不使用某些hack技术、跨浏览器的行为根本就没有一致性可言。

5、<noscript>元素用以在不支持JavaScript的浏览器中显示替代的内容。包含在<noscript>元素中的内容只有在下列情况才会显示出来：

浏览器不支持脚本

浏览器支持脚本，但脚本被禁用。

6、标识符（就是指变量、函数、属性的名字，或者函数的参数）命名规则：

第一个字符必须是一个字母、下划线或一个美元符号

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

按照惯例，ECMAScript标识符采用驼峰大小写格式，也就是第一个字母小写，剩下的每个有意义的单词的首字母大写。

7、ECMAScript5引入了严格模式（strict mode）的概念。严格模式是为JavaScript定义了一种不同的解析与执行模型。在严格模式下，ECMAScript3中的一些不确定的行为将得到处理，而且对某些不安全的操作也会抛出错误。

"use strict";

严格模式下，JavaScript的执行结果会有很大不同。

8、ECMAScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number和String。还有1种复杂数据类型：Object，Object本质上是由一组无序的名值对组成的。

9、fypeof操作符检测给定变量的数据类型，可能返回：

"undefined"——未定义

"boolean"——布尔值

"string"——字符串

"number"——数值

"object"——对象／Null

"function"——函数

    

10、alert(null == undefined);  //true

11、将一个值转换为对应的Boolean值，可以调用转型函数Boolean()。可以对任何数据类型的值调用Boolean()函数，而且总会返回一个Boolean值。

数据类型转换为true的值转换为false的值BooleantruefalseString任何非空字符串""（空字符串）Number任何非零数字值（包括无穷大）0和NaNObject任何对象nullUndefinednot applicable（不适用）undefined

12、Number类型使用IEEe754格式来表示整数和浮点数值。为支持各种数值类型，ECMA-262定义了不同的数值字面量。

var intNum = 55;  //十进制

var octalNum1 = 070;  //八进制的56

var octalNum2 = 079;  //无效的八进制整数——解析为79

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

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

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

13、浮点数必须包含一个小数点，并且小数点后面必须至少有一位数字。虽然小数点前面可以没有整数，但不推荐这种写法。

由于保存浮点数值需要的内存空间是保存整数值的两倍，因此ECMAScript会不失时机的将浮点数值转换为整数值。

var floatNum1 = 1.;  //小数点后面没有数字，解析为1

var floatNum2 = 10.0;  //整数，解析为10

对于那些极大或极小的数值，可以用e表示法（即科学计数法）表示的浮点数值表示。

14、由于内存的限制，ECMAScript并不能保存世界上所有的数值。ECMAScript能够表示的最小的数值保存在Number.MIN_VALUE中，能够表示的最大的数值保存在Number.MAX_VALUE中。如果某次计算的结果得到了一个超过JavaScript数值范围的值，那么这个数值将被自动转换成特殊的Infinity值。具体来说，如果这个数值是负数，则会转换成-Infinity（负无穷），如果这个数值是正数，则会被转换成Infinity（正无穷）。

要想确定一个数值是不是有穷的，可以使用isFinite()函数，在参数位于最大与最小数值之间时会返回true。

15、在ECMAScript中，任何数值除以0都会返回NaN，因此不会影响其他代码的执行。

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

针对NaN的这两个特点，ECMAScript定义了isNaN()函数。这个函数接受一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”。isNaN()在接收到一个值之后，会尝试将这个值转换为数值。某些不是数值的值会直接转为数值，例如字符串"10"或Boolean值。而任何不能转换为数值的值都会导致这个函数返回true。

isNaN()也适用于对象。在基于对象调用isNaN()函数时，会首先调用对象的valueOf()方法，然后确定该方法返回的值是否可以转换为数值。如果不能，则基于这个返回值在调用toString()方法，再测试返回值。

    

16、有3个函数可以把非数值转换为数值：Number()、parseInt()和parseFloat()。第一个函数可以用于任何数据类型，而另外两个函数则专门用于把字符串转换成数值。

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

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

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

        如果是null值，返回0。

        如果是undefined，返回NaN。

        如果是字符串，遵循下列规则：

            如果字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值

            如果字符串中包含有效的浮点格式，则将其转换成对应的浮点数值

            如果字符串中包含有效的十六进制格式，则将其转换为相同大小的十进制整数值

            如果字符串是空的，则将其转换为0

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

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

由于Number()函数在转换字符串时比较复杂而且不够合理，因此在处理整数的时候更常用的是parseInt()函数。parseInt()函数在转换字符串时，更多的是看是否符合数值模式。它会忽略字符串前面的空格，直到找到第一个非空格字符。如果第一个字符不是数字字符或者负号，parseInt()就会返回NaN；也就是说，用parseInt()转换空字符串会返回NaN（Number()对空字符返回0）。如果第一个字符是数字字符，parseInt()会继续解析第二个字符，直到解析完所有后续字符或者遇到了一个非数字字符。例如，"1234blue"会被转换为1234，因为"blue"会被完全忽略。类似的，"22.5"会被转换为22，因为小数点并不是有效的数字字符。

如果字符串中的第一个字符是数字字符，parseInt()也能够识别出各种整数格式：如果字符串以"0x"开头且后跟数字字符，就会将其当作一个十六进制整数；如果字符串以"0"开头且后跟数字字符，则会将其当作一个八进制数来解析。

但是在使用parseInt()解析八进制字面量的字符串是，ECMAScript3和5存在分歧：

//ECMAScript3认为是56（八进制），ECMAScript5认为是0（十进制）

var num = parseInt("070");

为消除困惑，可以为这个函数提供第二个参数：转换时使用的基数（即多少进制）。

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

    

与parseInt()函数类似，parseFloat()也是从第一个字符开始解析每个字符，而且也是一直解析道字符串尾部，或者解析到遇见一个无效的浮点数字字符为止。也就是说，字符串中的第一个小数点是有效的，而第二个小数点就是无效的了，因此它后面的字符串将被忽略。例如，"22.34.5"将会被转换为22.34。

除了第一个小数点有效之外，parseFloat()与parseInt()的第二个区别在于它始终都会忽略前导的零。parseFloat()可以识别前面讨论过的所有浮点数值格式，也包括十进制整数格式。但十六进制格式的字符串则始终会被转换成0。由于parseFloat()只解析十进制值，因此它没有用第二个参数指定基数的用法。最后还要注意：如果字符串包含的是一个可解析为 整数的数（没有小数点，或者小数点后都是零），parseFloat()会返回整数。

17、把一个值转换为字符串：

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

在调用数值的toString()方法时，可以传递一个参数：输出数值的基数。默认情况下，toString()方法以十进制格式返回数值的字符串表示。而通过传递基数，toString()可以输出以二进制、八进制、十六进制，乃至其他任意有效进制格式表示的字符串值。

    （2）在不知道转换的值是不是null或undefined的情况下，还可以使用转型函数String()，这个函数能够将任何类型的值转换为字符串。

    （3）要把某个值转换为字符串，可以使用加号操作符把它与一个字符串（""）加在一起。

18、object的每个实例都具有下列属性和方法：

Constructor：保存着用于创建当前对象的函数（构造函数）。

hasOwnProperty(propertyName)：用于检查给定的属性在当前对象实例中（而不是在实例的原型中）是否存在。

isPrototypeOf(object)：用于检查传入的对象是否是另一个对象的原型。

propertyIsEnumerable(propertyName)：用于检查给定的属性是否能够使用for-in语句来枚举。

toLocalString()：返回对象的字符串表示，该字符串与执行环境的地区对应。

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

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

19、逻辑与操作（&&）可以应用于任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回布尔值；此时，它遵循下列规则：

如果第一个操作数是对象，则返回第二个操作数；

如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回该对象；

如果两个操作数都是对象，则返回第二个操作数；

如果有一个操作数是null，则返回null；

如果有一个操作数是NaN，则返回NaN；

如果有一个操作数是undefined，则返回undefined。

逻辑与操作属于短路操作，即如果第一个操作数能够决定结果，那么就不会再对第二个操作数求值。对于逻辑与操作而言，如果第一个操作数是false，则无论第二个操作数是什么值，结果都不再可能是true了。

20、与逻辑与操作类似，如果有一个操作数不是布尔值，逻辑或（||）也不一定返回布尔值；此时它遵循下列规则：

如果第一个操作数是对象，则返回第二个操作数；

如果第一个操作数的求值结果为false，则返回第二个操作数；

如果两个操作数都是对象，则返回第一个操作数；

如果两个操作数都是null，则返回null；

如果两个操作数都是NaN，则返回NaN；

如果两个操作数都是undefined，则返回undefined。

与逻辑与操作符相似，逻辑或操作符也是短路操作符。也就是说，如果第一个操作数的求值结果为true，就不会对第二个操作数求值了。

21、在处理特殊值的情况下，乘法操作符遵循下列特殊的规则：

如果操作数都是数值，执行常规的乘法运算，即两个正数或两个负数相乘的结果还是正数，而如果只有一个操作数有符号，那么结果就是负数。如果乘积超过了ECMAScript数值的表达范围，则返回Infinity或-Infinity；

如果有一个操作数是NaN，则结果是NaN；

如果是Infinity与0相乘，则结果是NaN；

如果是Infinity与非0数值相乘，则结果是Infinity或-Infinity，取决于有符号操作数的符号；

如果是Infinity与Infinity相乘，则结果是Infinity；

如果有一个操作数不是数值，则在后台调用Number()将其转换为数值，然后再应用上面的规则。

22、与乘法操作符相似，除法操作符对特殊的值也有特殊的处理规则。这些规则如下：

如果操作数都是数值，执行常规的除法计算，即两个正数或两个负数相除的结果还是正数，而如果只有一个操作数有符号，那么结果就是负数。如果商超过了ECMAScript数值的表示范围，则返回Infinity或-Infinity；

如果有一个操作数是NaN，则结果是NaN；

如果是Infinity被Infinity除，则结果是NaN；

如果是零被零除，则结果是NaN；

如果是非零的有限数被零除，则结果是Infinity或-Infinity，取决于有符号操作数的符号；

如果是Infinity被任何非零数值除，则结果是Infinity或-Infinity，取决于有符号操作数的符号；

如果有一个操作数不是数值，则在后台调用Number()将其转换为数值，然后再应用上面的规则。

23、与另外两个乘性操作符类似，求模（余数）操作符会遵循下列特殊规则来处理特殊的值：

如果操作数都是数值，执行常规的除法计算，返回除得的余数；

如果被除数是无穷大值而除数是有限大的数值，则结果是NaN；

如果被除数是有限大的数值而除数是零，则结果是NaN；

如果是Infinity被Infinity除，则结果是NaN；

如果被除数是有限大的数值而除数是无穷大的数值，则结果是被除数；

如果被除数是零，则结果是零；

如果有一个操作数不是数值，则在后台调用Number()将其转换为数值，然后再应用上面的规则。

24、根据规则，任何操作数与NaN进行关系比较，结果都是false。

var result1 = NaN < 3;    //false

var result2 = NaN >=3;   //false

25、for-in语句是一种精确的迭代语句，可以用来枚举对象的属性。

ECMAScript对象的属性没有顺序。因此，通过for-in循环输出的属性名的顺序是不可预测的。具体来讲，所有属性都会被返回一次，但返回的先后次序可能会因浏览器而异。

但是，如果表示要迭代的对象的变量值为null或undefined，for-in语句会抛出错误。ECMAScript5更正了这一行为，对这种情况不再抛出错误，而只是不执行循环体。为了保证最大限度的兼容性，建议在使用for-in循环之前，先检测确认该对象的值不是null或undefined。

26、使用label语句可以在代码中添加标签，以便将来使用。

start: for(var i=0; i<count; i++){

alert(i);

}

这个例子中定义的start标签可以在将来由break或continue语句引用。加标签的语句一般都要与for语句等循环语句配合使用。

27、with语句的作用是将代码的作用域设置到一个特定的对象中。

定义with语句的目的主要是为了简化多次编写同一个对象的工作，如：

var qs = location.search.substring(1);

var hostName = location.hostname;

var url = location.href;

上面几行代码都包含location对象。如果使用with语句，可以把上面的代码改写成：

with(location){

var qs = search.substring(1);

var hostName = hostname;

var url = href;

}

在这个重写后的例子中，使用with语句关联了location对象。这意味着在with语句的代码块内部，每个变量首先被认为是一个局部变量，而如果在局部环境中找不到该变量的定义，就会查询location对象中是否有同名的属性。如果发现了同名属性，则以location对象属性的值作为变量的值。

严格模式下不允许使用with语句，否则将视为语法错误。

由于大量使用with语句会导致性能下降，同时也会给调试代码造成困难，因此在开发大型应用程序时，不建议使用with语句。

28、arguments的对象中的值会自动反映到对应的命名参数，不过这并不是说这两个值会访问相同的内存空间；它们的内存空间是独立的，但它们的值会同步。但这种影响是单向的：修改命名参数不会改变arguments中对应的值。另外还要记住，如果只传入了一个参数，那么为arguments[1]设置的值不会反映到命名参数中。这是因为arguments对象的长度是由传入的参数个数决定的，不是由定义函数时的命名参数的个数决定的。

关于参数还要记住最后一点：没有传递值的命名参数将自动被赋予undefined值。这就跟定义了变量但又没有初始化一样。

严格模式对如何使用arguments对象做出了一些限制。首先，赋值会变得无效。也就是说，修改arguments对象中的值不会改变命名参数。其次，重写arguments的值会导致语法错误（代码将不会执行）。

29、ECMAScript函数不能像传统意义上那样实现重载。而在其他语言（如Java）中，可以为一个函数编写两个定义，只要这两个定义的签名（接受的参数的类型和数量）不同即可。ECMAScript函数没有签名，因为其参数是由包含零或多个值的数组来表示的。而没有函数签名，真正的重载时不可能做到的。

通过检查传入函数中的参数的类型和数量并作出不同的反应，可以模拟方法的重载。

30、ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。基本类型值指的是简单的数据段，而引用类型值值那些可能由多个值构成的对象。

在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值。基本数据类型：Undefined、Null、Boolean、Number和String。这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。

引用类型的值是保存在内存中的对象。与其他语言不同，JavaScript不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。为此，引用类型的值是按引用访问的。

31、定义基本类型值和引用类型值的方式是类似的：创建一个变量并为改变量赋值。对于引用类型的值，我们可以为其添加属性和方法，也可以改变和删除其属性和方法。但是，我们不能给基本类型的值添加属性，尽管这样做不会导致任何错误。

32、除了保存的方式不同之外，在从一个变量向另一个变量复制基本类型值和引用类型值时，也存在不同。如果从一个变量向另一个变量复制基本类型的值，会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上。此后，两个变量可以参与任何操作而不会相互影响。

当从一个变量向另一个变量复制引用类型的值时，同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是，这个值的副本实际上是一个指针，而这个指针指向存储在堆中的一个对象。复制操作结束后，两个变量实际上将引用同一个对象。因此，改变其中一个变量，就会影响另一个变量。

33、ECMAScript中所有函数的参数都是按值传递的。也就是说，把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。基本类型值的传递如果基本类型变量的复制一样，而引用类型值的传递，则如同引用类型变量的复制一样。

在向参数传递基本类型的值时，被传递的值会被复制给一个局部变量（即命名参数，或者用ECMAScript的概念来说，就是arguments对象中的一个元素）。在向参数传递引用类型的值时，会把这个值在内存中的地址复制给一个局部变量，因此这个局部变量的变化会反映在函数的外部。

34、虽然在检测基本数据类型时typeof是非常得力的助手，但在检测引用类型的值时，这个操作符的用处不大。通常，我们并不是想知道某个值是对象，而是想知道它是什么类型的对象。为此，ECMAScript提供了instanceof操作符。

alert(person instanceof Object);

alert(colors instanceof Array);

alert(pattern instanceof RegExp);

根据规定，所有引用类型的值都是Object的实例。因此，在检测一个引用类型值和Object构造函数时，instanceof操作符始终会返回true。当然，如果使用instanceof操作符检测基本类型的值，则该操作符始终会返回false，因为基本类型不是对象。

35、虽然执行环境的类型总共只有两种——全局和局部，但还是有其他办法来延长作用域链。这么说是因为有些语句可以在作用域链的前端临时增加一个变量对象，该变量对象会在代码执行后被移除。这两种情况下会发生这种现象。具体来说，就是当执行流进入下列任何一个语句时，作用域链就会得到加长：

try-catch语句的catch块；

with语句。

这两个语句都会在作用域链的前端添加一个变量对象。对with语句来说，会将指定的对象添加到作用域链中。对catch语句来说，会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明。

36、JavaScript没有块级作用域。在其他类C的语言中，由花括号封闭的代码块都有自己的作用域（如果用ECMAScript的话来讲，就是它们自己的执行环境），因而支持根据条件来定义变量。

在一个if语句中定义变量。如果是在C、C++或Java中，变量会在if语句执行完毕后被销毁。但在JavaScript中，if语句中的变量声明会将变量添加到当前的执行环境中。

对于有块级作用域的语言来说，for语句初始化变量的表达式所定义的变量，只会存在于循环的环境之中。而对于JavaScript来说，由for语句创建的变量即使在for循环之行结束后，也依旧会存在于循环外部的执行环境中。

37、JavaScript具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。通常有两个垃圾收集方式：标记清除（最常用）、引用计数（不太常见，可能存在循环引用）。

39、分配给Web浏览器的可用内存数量通常要比分配给桌面应用程序的少，这样做的目的主要是出于安全方面的考虑，目的是防止运行JavaScript的网页耗尽全部系统内存而导致系统崩溃。内存限制问题不仅会影响给变量分配内存，同时还会影响调用栈以及在一个线程中能够同时执行的语句数量。

因此，确保占用最少的内存可以让网页获得更好的性能。而优化内存占用的最佳方式，就是为之行中的代码只保存必要的数据。一旦数据不再有用，最好通过将其值设置为null来释放其引用——这个做法叫做解除引用。这一做法适用于大多数全局变量和全局对象的属性。局部变量在它们离开执行环境时自动被解除引用。

不过，接触一个值的引用并不意味着自动回收该值所占用的内存。解除引用的真正作用是让值脱离执行环境，以便垃圾收集器下次运行时将其回收。

40、基本类型值和引用类型值具有以下特点：

基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中；

从一个变量向另一个变量复制基本类型的值，会创建这个值的一个副本；

引用类型的值是对象，保存在堆内存中；

包含引用类型值的变量实际上包含的并不是对象本身，而是一个指向该对象的指针；

从一个变量向另一个变量复制引用类型的值，复制到其实是指针，因此两个变量最终都指向同一个对象；

确定一个值是哪种基本类型可以使用typeof操作符，而确定一个值是哪种引用类型可以使用instanceof操作符。

41、引用类型的值（对象）是引用类型的一个实例。在ECMAScript中，引用类型是一种数据结构，用于将数据和功能组织在一起。它也常被称为类，但这种称呼并不妥当。尽管ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象语言所支持的类和接口等基本结构。引用类型有时候也被称为对象定义，因为它们描述的是一类对象所具有的属性和方法。

42、创建Object实例的方式有两种。第一种是使用new操作符后跟Object构造函数，另一种方式是使用对象字面量表示法。

在通过对象字面量定义对象时，实际上不会调用Object构造函数。

43、一般来说，访问对象属性时使用的都是点表示法，这也是很多面向对象语言中通用的语法。不过，在JavaScript也可以使用方括号表示法来访问对象的属性。从功能上看，这两种访问对象属性的方法没有任何区别。但方括号语法的主要优点是可以通过变量来访问属性。如果属性名中包含会导致语法错误的字符，或者属性名使用的是关键字或保留字，也可以使用方括号表示法。

通常，除非必须使用变量来访问属性，否则我们建议使用点表示法。