第 1 部分 JavaScript 技巧与高级特性

第 1 部分: JavaScri pt 技巧与高级特性简介：随着Ajax 应用的流行，JavaScript 语言得到了越来越多的关注。

开发人员对JavaScript 的使用也日益深入。

JavaScript 已经不再只是用来为页面添加一些花哨的效果，它已经成为构建 Ajax 应用的重要基石。

JavaScript 作为一种专门设计用来在浏览器中执行的动态语言，它有许多重要的特性，并且不同于传统的Java 或 C++ 语言。

熟悉这些特性可以帮助开发者更好的开发 Ajax 应用。

本文章介绍了JavaScript 语言中十三个比较重要的特性，包括prototype、执行上下文、作用域链和闭包等。

null 与undefinedJavaScript 中一共有 5 种基本类型，分别是String、Number、Boolean、Null 和Undefined 。

前 3 种都比较好理解，后面两种就稍微复杂一点。

Null 类型只有一个值，就是 null ；Undefined 类型也只有一个值，即undefined 。

null 和undefined 都可以作为字面量（literal）在JavaScript 代码中直接使用。

null 与对象引用有关系，表示为空或不存在的对象引用。

当声明一个变量却没有给它赋值的时候，它的值就是 undefined 。

undefined 的值会出现在如下情况：从一个对象中获取某个属性，如果该对象及其prototype链中的对象都没有该属性的时候，该属性的值为undefined。

∙一个function如果没有显式的通过return 来返回值给其调用者的话，其返回值就是undefined。

有一个特例就是在使用new的时候。

∙JavaScript中的function可以声明任意个形式参数，当该function实际被调用的时候，传入的参数的个数如果小于声明的形式参数，那么多余的形式参数的值为undefined。

关于 null 和undefined 有一些有趣的特性：∙如果对值为null 的变量使用typeof 操作符的话，得到的结果是object ；而对undefined 的值使用 typeof ，得到的结果是 undefined 。

如typeofnull === "object";t ypeofundefined ==="undefined "null == undefined ，但是null !== undefinedif ("" || 0) 对于 if 表达式，大家都不陌生。

JavaScript 中 if 后面紧跟的表达式的真假值判断与其它语言有所不同。

具体请看 表 1。

表 1. JavaScript 中的真假值类型 真假值Null 总是为假（false ） Undefined 总是为假（false ） Boolean 保持真假值不变Number +0，-0 或是 NaN 的时候为假，其它值为真String 空字符串的时候为假，其它值为真Object 总是为真（true）从表 1中可以看到，在JavaScript 中使得 if 判断为假的值可能有 null、undefined、false、+0、-0、NaN 和空字符串（""）。

== 与 ===JavaScript 中有两个判断值是否相等的操作符，== 与 === 。

两者相比，== 会做一定的类型转换；而=== 不做类型转换，所接受的相等条件更加严格。

=== 操作符的判断算法在使用 === 来判断两个值是否相等的时候，如判断x===y，会首先比较两个值的类型是否相等，如果不相等的话，直接返回false 。

接着根据x 的类型有不同的判断逻辑。

∙如果 x 的类型是Undefined或 Null，则返回true 。

∙如果 x 的类型是Number，只要 x 或 y中有一个值为 NaN，就返回false ；如果 x 和 y的数字值相等，就返回true ；如果 x 或 y中有一个是+0，另外一个是 -0，则返回true 。

∙如果 x 的类型是String，当x 和 y 的字符序列完全相同时返回 true，否则返回false 。

∙如果 x 的类型是Boolean，当 x 和 y同为 true时返回true，否则返回false 。

∙当 x 和 y引用相同的对象时返回true，否则返回false 。

== 操作符的判断算法在使用 == 来判断两个值是否相等的时候，如判断x==y，当 x 和 y 的类型一样的时候，判断逻辑与=== 一样；如果 x 和 y 的类型不一样，== 不是简单的返回 false，而是会做一定的类型转换。

∙如果 x 和y 中有一个是 null，另外一个是undefined的话，返回true 。

如null ==undefined。

∙如果 x 和y 中一个的类型是String，另外一个的类型是Number 的String 类型的值转换成 Number来比较。

如3 == "3"。

∙如果 x 和y 中一个的类型是Boolean 的话，会将Boolean 类型的值转换成 Number来比较。

如true ==1、true =="1"∙如果 x 和y 中一个的类型是String 或Number，另外一个的类型是Object 的话，会将Object 类型的值转换成基本类型来比较。

如[3,4] =="3,4"需要注意的是 == 操作符不一定是传递的，即从 A == B, B == C并不能一定得出 A == C。

考虑下面的例子，var str1 = newString("Hello"); var str2 = newString("Hello"); str1 == "Hello"; str2 == "Hello"，但是str1 != str2。

ArrayJavaScript 中的数组（Array）和通常的编程语言，如 Java 或是C/C++ 中的有很大不同。

在JavaScript 中的对象就是一个无序的关联数组，而Array 正是利用JavaScript 中对象的这种特性来实现的。

在JavaScript 中，Array 其实就是一个对象，只不过它的属性名是整数，另外有许多额外的属性（如length）和方法（如 splice）等方便地操作数组。

创建数组创建一个 Array 对象有两种方式，一种是以数组字面量的方式，另外一种是使用 Array 构造器。

数组字面量的方式通常为大家所熟知。

如 var array1 = [2, 3, 4];。

使用 Array构造器有两种方式，一种是 var array2 = new Array(1, 2, 3);；另外一种是var array3 = Array(1, 2, 3);。

这两种使用方式的是等价的。

使用 Array 构造器的时候，除了以初始元素作为参数之后，也可以使用数组大小作为参数。

如 vararray4 = new Array(3);用来创建一个初始大小为3 的数组，其中每个元素都是undefined 。

Array 的方法JavaScript 中的Array 提供了很多方法。

∙push和 pop在数组的末尾进行操作，使得数组可以作为一个栈来使用。

∙shift和unshift在数组的首部进行操作。

∙slice(start, end)用来取得原始数组的子数组。

其中参数 start和是负数。

如果是负数的话，实际使用的值是参数的原始值加上数组的长度。

如var array= [2, 3, 4,5];array.slice(-2, -1);等价于array.slice(2, 3)。

splice是最复杂的一个方法，它可以同时删除和添加元素。

该方法的第一个参数表示要删除的元素的起始位置，第二个参数表示要删除的元素个数，其余的参数表示要添加的元素。

如代码var array= [2, 3, 4,5];array.splice(1, 2, 6,7, 8);执行之后，array中的元素为 [2,6, 7, 8,5]。

该方法除的元素。

lengthJavaScript 中数组的 length 属性与其他语言中有很大的不同。

在Java 或是 C/C++ 语言中，数组的length 属性都是用来表示数组中的元素个数。

而JavaScript 中，length 属性的值只是 Array 对象中最大的整数类型的属性的值加上1 。

当通过 [] 操作符来给 Array 对象增加元素的时候，如果 [] 中表达式的值可以转换为正整数，并且其值大于或等于Array 对象当前的length 的值的话，length 的值被设置成该值加上1 。

length 属性也可以显式的设置。

如果要设置的值比原来的length 值小的话，该 Array 对象中所有大于或等于新值的整数键值的属性都会被删除。

如代码清单1中所示。

清单 1. Array 的length 属性var array = []; array[0] = "a"; array[100] = "b";array.length; // 值为 101array["3"] = "c";array.length = 4; // 值为 "b"的第 101 个元素被删除arguments在 JavaScript中，在一个function 内部可以使用 arguments 对象。

该对象中包含了 function 被调用时的实际参数的值。

arguments 对象虽然在功能上有些类似数组（Array），但是它不是数组。

arguments 对象与数组的类似体现在它有一个 length属性，同时实际参数的值可以通过 [] 操作符来获取。

但是 arguments 对象并没有数组可以使用的 push、pop、splice 等function 。

其原因是 arguments对象的 prototype 指向的是Object.prototype 而不是Array.prototype。

使用 arguments模拟重载Java 和 C++ 语言都支持方法重载（overloading），即允许出现名称相同但是形式参数不同的方法；而JavaScript 并不支持这种方式的重载。

因为JavaScript 中的function 对象也是以属性的形式出现的，在一个对象中增加与已有function 同名的新 function 时，旧的 function 对象会被覆盖。