null 与 undefined

JavaScript 中一共有 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 。如 typeof null === "object";typeof undefined === "undefined"
• null == undefined，但是 null !== undefined

回页首

if ("" || 0)

对于 if 表达式，大家都不陌生。 JavaScript 中 if 后面紧跟的表达式的真假值判断与其它语言有所不同。具体请看表 1。

表 1. JavaScript 中的真假值

从表 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 或 false 时返回 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 = new String("Hello"); var str2 = new String("Hello"); str1 == "Hello"; str2 == "Hello"，但是str1 != str2。

回页首

Array

JavaScript 中的数组（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 构造器的时候，除了以初始元素作为参数之后，也可以使用数组大小作为参数。如var array4 = new Array(3);用来创建一个初始大小为 3 的数组，其中每个元素都是 undefined 。

Array 的方法

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

• push和pop在数组的末尾进行操作，使得数组可以作为一个栈来使用。
• shift和unshift在数组的首部进行操作。
• slice(start, end)用来取得原始数组的子数组。其中参数start和end都可以是负数。如果是负数的话，实际使用的值是参数的原始值加上数组的长度。如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]。该方法的返回被删除的元素。

length

JavaScript 中数组的 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;     // 值为 101 
 array["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 对象会被覆盖。不过可以通过使用 arguments 来模拟重载，其实现机制是通过判断 arguments 中实际参数的个数和类型来执行不同的逻辑。如代码清单 2中所示。

清单 2. 使用 arguments 模拟重载示例

function sayHello() { 
    switch (arguments.length) { 
        case 0: return "Hello"; 
        case 1: return "Hello, " + arguments[0]; 
        case 2: return (arguments[1] == "cn" ? " 你好，" : "Hello, ") + arguments[0]; 
   }; 
 } 

 sayHello();              // 结果是 "Hello" 
 sayHello("Alex");        // 结果是 "Hello, Alex" 
 sayHello("Alex", "cn");  // 结果是 " 你好，Alex"

arguments.callee

callee 是 arguments 对象的一个属性，其值是当前正在执行的 function 对象。它的作用是使得匿名 function 可以被递归调用。下面以一段计算斐波那契序列（Fibonacci sequence）中第 N 个数的值的代码来演示 arguments.callee 的使用，见代码清单 3。

清单 3. arguments.callee 示例

function fibonacci(num) { 
    return (function(num) { 
        if (typeof num !== "number") return -1; 
        num =  parseInt(num); 
        if (num < 1) return -1; 
        if (num == 1 || num == 2) return 1; 
        return arguments.callee(num - 1) + arguments.callee(num - 2); 
    })(num); 
 } 

 fibonacci(100);

回页首

prototype 与继承

JavaScript 中的每个对象都有一个 prototype 属性，指向另外一个对象。使用对象字面量创建的对象的 prototype 指向的是Object.prototype，如var obj = {"name" : "Alex"};中创建的对象obj的 prototype 指向的就是Object.prototype。而使用 new 操作符创建的对象的 prototype 指向的是其构造器的 prototype 。如var users = new Array();中创建的对象users的 prototype 指向的是Array.prototype。由于一个对象 A 的 prototype 指向的是另外一个对象 B，而对象 B 自己的 prototype 又指向另外一个对象 C，这样就形成了一个链条，称为 prototype 链。这个链条会不断继续，一直到Object.prototype。Object.prototype对象的 prototype 值为 null，从而使得该链条终止。图 1中给出了 prototype 链的示意图。

图 1. JavaScript prototype 链示意图

在图 1中，studentA是通过 new 操作符创建的，因此它的 prototype 指向其构造器Student的 prototype ；Student.prototype的值是通过 new 操作符创建的，其 prototype 指向构造器Person的 prototype 。studentA的 prototype 链在图 1中用虚线表示。

prototype 链在属性查找过程中会起作用。当在一个对象中查找某个特定名称的属性时，会首先检查该对象本身。如果找到的话，就返回该属性的值；如果找不到的话，会检查该对象的 prototype 指向的对象。如此下去直到找到该属性，或是当前对象的 prototype 为 null 。 prototype 链在设置属性的值时并不起作用。当设置一个对象中某个属性的值的时候，如果当前对象中存在这个属性，则更新其值；否则就在当前对象中创建该属性。

JavaScript 中并没有 Java 或 C++ 中类（class）的概念，而是通过 prototype 链来实现基于 prototype 的继承。在 Java 中，状态包含在对象实例中，方法包含在类中，继承只发生在结构和行为上。而在 JavaScript 中，状态和方法都包含在对象中，结构、行为和状态都是被继承的。这里需要注意的是 JavaScript 中的状态也是被继承的，也就是说，在构造器的 prototype 中的属性是被所有的实例共享的。如代码清单 4中所示。

清单 4. JavaScript 中状态被继承的示例

function Student(name) { 
   this.name = name; 
 } 

 Student.prototype.selectedCourses = []; 

 Student.prototype.addCourse = function(course) { 
  this.selectedCourses.push(course); 
 } 

 Student.prototype.outputCourses = function() { 
  alert(this.name + " 选修的课程是：" + this.selectedCourses.join(",")); 
 } 

 var studentA = new Student("Alex"); 
 var studentB = new Student("Bob"); 

 studentA.addCourse(" 算法分析与设计 "); 
 studentB.addCourse(" 数据库原理 "); 
 studentA.outputCourses(); // 输出是“ Alex 选修的课程是算法分析与设计 , 数据库原理”
 studentB.outputCourses(); // 输出同上

代码清单 4中的问题在于将selectedCourses作为 prototype 的属性之后，studentA和studentB两个实例共享了该属性，它们操作的实际是同样的数据。

回页首

this

JavaScript 中的 this 一直是容易让人误用的，尤其对于熟悉 Java 的程序员来说，因为 JavaScript 中的 this 与 Java 中的 this 有很大不同。在一个 function 的执行过程中，如果变量的前面加上了 this 作为前缀的话，如this.myVal，对此变量的求值就从 this 所表示的对象开始。

this 的值取决于 function 被调用的方式，一共有四种，具体如下：

• 如果一个 function 是一个对象的属性，该 funtion 被调用的时候，this 的值是这个对象。如果 function 调用的表达式包含句点（.）或是 []，this 的值是句点（.）或是 [] 之前的对象。如myObj.func和myObj["func"]中，func被调用时的 this 是myObj。
• 如果一个 function 不是作为一个对象的属性，那么该 function 被调用的时候，this 的值是全局对象。当一个 function 中包含内部 function 的时候，如果不理解 this 的正确含义，很容易造成错误。这是由于内部 function 的 this 值与它外部的 function 的 this 值是不一样的。代码清单 5中，在myObj的func中有个内部名为inner的 function，在inner被调用的时候，this 的值是全局对象，因此找不到名为myVal的变量。这个时候通常的解决办法是将外部 function 的 this 值保存在一个变量中（此处为self），在内部 function 中使用它来查找变量。
• 如果在一个 function 之前使用 new 的话，会创建一个新的对象，该 funtion 也会被调用，而 this 的值是新创建的那个对象。如function User(name) {this.name = name}; var user1 = new User("Alex");中，通过调用new User("Alex")，会创建一个新的对象，以user1来引用，User这个 function 也会被调用，会在user1这个对象中设置名为name的属性，其值是Alex。
• 可以通过 function 的 apply 和 call 方法来指定它被调用的时候的 this 的值。 apply 和 call 的第一个参数都是要指定的 this 的值，两者不同的是调用的实际参数在 apply 中是以数组的形式作为第二个参数传入的，而 call 中除了第一个参数之外的其它参数都是调用的实际参数。如func.apply(anotherObj, [arg1, arg2])中，func调用时候的 this 指的是anotherObj，两个参数分别是arg1和arg2。同样的功能用 call 来写则是func.call(anotherObj, arg1, arg2)。

清单 5. 内部 function 的 this 值

var myObj = { 
  myVal : "Hello World", 
  func : function() { 
     alert(typeof this.myVal);    // 结果为 string 
     var self = this; 
     function inner() { 
       alert(typeof this.myVal);  // 结果为 undefined 
       alert(typeof self.myVal);  // 结果为 string 
     }  
     inner(); 
  } 
 }; 

 myObj.func();

回页首

new

JavaScript 中并没有 Java 或是 C++ 中的类（class）的概念，而是采用构造器（constructor）的方式来创建对象。在 new 表达式中使用构造器就可以创建新的对象。由构造器创建出来的对象有一个隐含的引用指向该构造器的 prototype 。

所有的构造器都是对象，但并不是所有的对象都能成为构造器。能作为构造器的对象必须实现隐含的[[Construct]方法。如果 new 操作符后面的对象并不是构造器的话，会抛出 TypeError 异常。

new 操作符会影响 function 调用中 return 语句的行为。当 function 调用的时候有 new 作为前缀，如果 return 的结果不是一个对象，那么新创建的对象将会被返回。在代码清单 6中，functionanotherUser中通过 return 语句返回了一个对象，因此u2引用的是返回的那个对象；而 functionuser并没有使用 return 语句，因此u1引用的是新创建的user对象。

清单 6. new 操作符对 return 语句行为的影响

function user(name) { 
    this.name = name; 
 } 

 function anotherUser(name) { 
    this.name = name; 
    return {"badName" : name}; 
 } 

 var u1 = new user("Alex"); 
 alert(typeof u1.name);      // 结果为 string 
 var u2 = new anotherUser("Alex"); 
 alert(typeof u2.name);      // 结果为 undefined 
 alert(typeof u2.badName);   // 结果为 string

回页首

eval

JavaScript 中的 eval 可以用来解释执行一段 JavaScript 程序。当传给 eval 的参数的值是字符串的时候，该字符串会被当成一段 JavaScript 程序来执行。

隐式的 eval

除了显式的调用 eval 之外，JavaScript 中的有些 function 能接受字符形式的 JavaScript 代码并执行，这相当于隐式的调用了 eval 。这些 function 的典型代表是setTimeout和setInterval。具体请见代码清单 7。由于 eval 的性能比较差，所以在使用setTimeout和setInterval等 function 的时候，最好传入 function 的引用，而不是字符串。

清单 7. 隐式的 eval 示例

var obj = { 
    show1 : function() { alert(" 时间到！ "); }, 
    show2 : function() { alert("10 秒一次的提醒！ "); }; 
 }; 

 setTimeout(obj.show1, 1000); 
 setTimeout("obj.show1();", 2000); 

 setInterval(obj.show2, 10000); 
 setInterval("obj.show2();", 10000);

eval 的潜在危险

在目前的 Ajax 应用中，JSON 是一种流行的浏览器端和服务器端处之间传输数据的格式。服务器端传过来的数据在浏览器端通过 JavaScript 的 eval 方法转换成可以直接使用的对象。然而，在浏览器端执行任意的 JavaScript 会带来潜在的安全风险，恶意的 JavaScript 代码可能会破坏应用。对于这个问题，有两种解决方式：

清单 8. RFC 4627 中给出的检查 JSON 字符串的方法

var my_JSON_object = !(/[^,:{}\[\]0-9.\-+Eaeflnr-u 
\t]/.test( 
             text.replace(/"(\\.|[^"\\])*"/g, ''))) && 
 eval('(' + text + ')');

回页首

执行上下文（execution context）和作用域链（scope chain）

执行上下文（execution context）是 ECMAScript 规范（请看参考资料）中用来描述 JavaScript 代码执行的抽象概念。所有的 JavaScript 代码都是在某个执行上下文中运行的。在当前执行上下文中调用 function 的时候，会进入一个新的执行上下文。当该 function 调用结束的时候，会返回到原来的执行上下文中。如果 function 调用过程中抛出异常，并没有被捕获的话，有可能从多个执行上下文中退出。在 function 调用过程，也可能调用其它的 function，从而进入新的执行上下文。由此形成一个执行上下文栈。

每个执行上下文都与一个作用域链（scope chain）关联起来。该作用域链用来在 function 执行时求标识符（Identifier）的值。在该链中包含多个对象。在对标识符进行求值的过程中，会从链首的对象开始，然后依次查找后面的对象，直到在某个对象中找到与标识符名称相同的属性。如”protype 链与继承“中所述，在每个对象中进行属性查找的时候，会使用该对象的 prototype 链。在一个执行上下文中，与其关联的作用域链只会被with语句和 catch 子句影响。

在进入一个新的执行上下文的时候，会按顺序执行下面的操作：

• 创建激活（Activation）对象
  激活对象是在进入新的执行上下文的时候被创建出来的，并与新的执行上下文关联起来。在初始化的时候，该对象包含一个名为arguments的属性。激活对象在变量初始化的时候也会被使用。 JavaScript 代码不能直接访问该对象，但是可以访问该对象里面的成员（如 arguments）。
• 创建作用域链
  接下来的操作是创建作用域链。每个 function 都有一个内部属性[[scope]]，它的值是一个包含多个对象的链。该属性的具体值与 function 的创建方式和在代码中的位置有很大关系（见“function 对象的创建方式”）。这个步骤中的主要操作是将上一步中创建的激活对象添加到 function 的[[scope]]属性对应的链的前面。
• 变量初始化
  该步骤对 function 中需要使用的变量进行初始化。初始化时使用的对象是第一步中所创建的激活对象，不过被称之为变量（Variable）对象。会被初始化的变量包括 function 调用时的实际参数、内部 function 和局部变量。在这个步骤中，对于局部变量，只是在变量对象中创建了同名的属性，但是属性的值为 undefined，只有在 function 执行过程中才会被真正赋值。

全局 JavaScript 代码是在全局执行上下文中运行的，该上下文的作用域链只包含一个全局对象。

图 2中给出了 function 执行过程中的作用域链的示意图，其中的虚线表示作用域链。

图 2. 作用域链示意图

回页首

function a() {}、var a = function() {} 与 var a = new Function()

在 JavaScript 中，function 对象的创建方式有三种：function 声明、function 表达式和使用 Function 构造器。通过这三种方法创建出来的 function 对象的[[scope]]属性的值会有所不同，从而影响 function 执行过程中的作用域链。下面具体讨论这三种情况。

function 对象的 length 属性可以用来获取声明 function 时候指定的形式参数的个数。如前所述，function 对象被调用时的实际参数是通过 arguments 来获取的。

回页首

with

with 语句的语法是with ( BLOCKED EXPRESSION Statement。 with 会把由 Expression 计算出来的对象添加到当前执行上下文的作用域链的前面，然后使用这个扩大的作用域链来执行语句 Statement，最后恢复作用域链。不管里面的语句是否正常退出，作用域链都会被恢复。

由于 with 语言会把额外的对象添加到作用域链的前面，使用 with 可能会影响性能并造成难以发现的错误。由于额外的对象在作用域链的前面，当执行到 with 里面的语句，需要对一个标识符求值的时候，会首先沿着该对象的 prototype 链查找。如果找不到，才会依次查找作用域链中原来的对象。因此，如果在 with 里面的语句中频繁引用不在额外对象的 prototype 链中的变量的话，查找的速度会比不使用 with 慢。具体见代码清单 9。

清单 9. with 的用法示例

function A() { 
    this.a = "A"; 
 } 

 function B() { 
    this.b = "B"; 
 } 

 B.prototype = new A(); 

 function C() { 
    this.c = "C"; 
 } 

 C.prototype = new B(); 

 (function () { 
    var myVar = "Hello World"; 
    alert(typeof a);    // 结果是 "undefined" 
    var a = 1; 
    var obj = new C(); 
    with (obj) { 
        alert(typeof a); // 结果是 "string" 
        alert(myVar);    // 查找速度比较慢
    } 
    alert(typeof a);     // 结果是 "number" 
 })();

在代码中，首先通过 prototype 的方式实现了继承。在 with 中，执行alert(typeof a)需要查找变量 a，由于 obj 在作用域链的前面，而 obj 中也存在名为 a 的属性，因此 obj 中的 a 被找到。执行alert(myVar)需要查找变量 myVal，而 obj 中不存在名为 myVal 的属性，会继续查找作用域链中后面的对象，因此比不使用 with 的速度慢。需要注意的是最后一条语句alert(typeof a)，它不在 with 里面，因此查找到的 a 是之前声明的 number 型的变量。

回页首

闭包

闭包（closure）是 JavaScript 中一个非常强大的功能。如果使用得当的话，可以使得代码更简洁，并实现在其它语言中很难实现的功能；而如果使用不当的话，则会导致难以调试的错误，也可能造成内存泄露。只有在充分理解闭包的基础上，才能正确的使用它。理解闭包需要首先理解 JavaScript 中的prototype 链、执行上下文和作用域链等概念。

闭包指的是一个表达式（通常是一个 function），该表达式可以有自由的变量，并且运行环境能够正确的获取这些变量的值。 JavaScript 中闭包的产生是由于 JavaScript 中允许内部 function，也就是在一个 function 内部声明的 function 。内部 function 可以访问外部 function 中的局部变量、传入的参数和其它内部 function 。当内部 function 可以在包含它的外部 function 之外被引用时，就形成了一个闭包。这个时候，即便外部 function 已经执行完成，该内部 function 仍然可以被执行，并且其中所用到的外部 function 的局部变量、传入的参数等仍然保留外部 function 执行结束时的值。

下面通过一个例子来说明闭包的形成，见代码清单 10。

清单 10. JavaScript 闭包示例代码

function addBy(first) { 
  function add(second) { 
    return first + second; 
  } 
  return add; 
 } 

 var func = addBy(10); 
 func(20);  // 结果为 30 
 var newFunc = addBy(30); 
 newFunc(20); // 结果为 50

在代码清单 10中，外部 functionaddBy的内部 functionadd的引用被返回给addBy的调用者，同时add在方法体中使用了addBy的参数first。这样就形成了一个闭包。通过调用addBy(10)得到的 functionfunc，在其之后的执行过程中，都会保留创建的时候使用的first参数的值10。

下面分析代码清单 10中执行的细节。首先addBy(10)被调用。由于addBy是在全局代码中声明的，因此被调用时候的执行上下文对应的作用域链只包含全局对象。在addBy的方法体中，声明了一个内部 functionadd。add的[[scope]]属性会在作用域链之前加上 functionaddBy的激活对象。该对象中包含了经过初始化的参数first，其值为10。至此，functionfunc的[[scope]]属性的值是包含两个对象。当func被调用的时候，会进入一个新的执行上下文，而此时的作用域链的前面加上了 functionadd调用时的激活对象。该对象中包含了经过初始化的参数second，其值为20。在func的执行过程中，需要对两个标识符first和second求值的时候，会使用之前提到的包含三个对象的作用域链。从而可以正确的求值。

在 JavaScript 中，正确的使用闭包可以简化代码。下面举几个例子来说明。

避免名称空间冲突

在多人协作开发应用，或是使用第三方开发的 JavaScript 库的时候，一个通常会遇到的问题是名称空间冲突。比如第三方的 JavaScript 库在全局对象中声明了一个属性叫test，如果在自己的代码中也会声明同样名称的属性的话，当两者一同使用的时候，后加载的属性值会替换之前的值，从而造成错误。

这个时候典型的做法是只在全局对象中保存一个对象，所有的功能都通过引用此对象来完成。完成功能所需要的内部状态都封装在一个闭包中。如代码清单 11所示。

清单 11. 使用闭包避免名称空间冲突

(function() { 
  if (typeof MyCode === "undefined") { 
    var defaultName = "Alex"; 
    MyCode = { 
      "sayHello" : function(name) { 
        alert("Hello, " + (name || defaultName)); 
      } 
    }; 
  } 
 })(); 

 MyCode.sayHello();  // 输出为 Hello, Alex 
 MyCode.sayHello("Bob"); // 输出为 Hello, Bob

代码中通过创建一个匿名 function 并立即执行来生成一个闭包。在闭包中，通过修改全局对象MyCode来添加所需的功能。内部状态之一的属性defaultName被封装在闭包中，不能被闭包之外的代码所引用，也不会引发命名冲突。

保存状态

在 JavaScript 代码运行过程中，不可避免的需要保存一些内部状态。通过使用闭包，可以将内部状态封装在一个 function 内部，使得代码更加简洁。如代码清单 12所示。

清单 12. 使用闭包保存状态

var getNextId = (function() { 
  var id = 1; 
  return function() { 
    return id++; 
  } 
 })(); 

 getNextId();  // 输出 1 
 getNextId();  // 输出 2 
 getNextId();  // 输出 3

代码中的getNextId的功能是生成惟一的 ID，因此它需要维护当前的 ID 这样一个状态。通过使用闭包，不需要在全局对象中添加一个新的属性，该属性由闭包来维护。闭包之外的代码也不能访问或修改getNextId的内部状态。

折叠调用参数

在 JavaScript 中，有些 function，如setTimeout和setInterval，只接受一个 function 作为参数。在有些情况下，这些 function 的执行是需要额外的参数的。这个时候可以通过使用闭包，将原始 function 的参数进行折叠，得到一个没有参数的新 function 。如代码清单 13所示。

清单 13. 使用闭包折叠调用参数

function doSomething(a, b, c) { 
  alert(a + b + c); 
 } 

 function fold(a, b, c) { 
  return function() { 
    doSomething(a, b, c); 
  } 
 } 

 var newFunc = fold("Hello", " ", "World"); 
 setTimeout(newFunc, 1000); // 输出为 Hello World

代码中的doSomething需要三个参数来完成其功能。如果直接将doSomething传给setTimeout的话，三个参数的值都是 undefined 。fold将三个参数的值保存在激活对象，并添加在作用域链中。这样即便返回的 function 是没有参数的，它仍然可以获得这三个参数的值。

关于闭包的更多内容，请参见参考资料。

例.有一个下拉框.里面有两个选择.一个是 是 一个是 否

我在页面一加载的时候将下拉列表的SelectedItem.Text="否",想让他自动 选择Index为1的否选项.

而我在页面看到的效果是..两个否.选项.

解决办法

if (ddlNationality2.Items.FindByText(t.Nationality)!=null)
            {
                for (int i = 0; i < ddlNationality2.Items.Count; i++)
                {
                    ddlNationality2.Items.Selected=false;
                    if (ddlNationality2.Items.Text == t.Nationality)
                    {
                        ddlNationality2.Items.Selected = true;
                        break;
                    }
                }
            }

　这句话是古希腊哲学家亚里士多德说的。如果说优秀是一种习惯，那么懒惰也是一种习惯。人出生的时候，除了脾气会因为天性而有所不同，其他的东西基本都是后天形成的，是家庭影响和教育的结果。所以，我们的一言一行都是日积月累养成的习惯。我们有的人形成了很好的习惯，有的人形成了很坏的习惯。所以我们从现在起就要把优秀变成一种习惯，使我们的优秀行为习以为常，变成我们的第二天性。让我们习惯性地去创造性思考，习惯性地去认真做事情，习惯性地对别人友好，习惯性地欣赏大自然。

注解：要会“装”，要持续的、不间断的“装”，装久了就成了真的了，就成了习惯了，比如准时到会，每次都按时到会，你装装看，你装30年看看，装的时间长了就形成了习惯。：） 　　

第二句话是：生命是一种过程。 　

　事情的结果尽管重要，但是做事情的过程更加重要，因为结果好了我们会更加快乐，但过程使我们的生命充实。 　　

   人的生命最后的结果一定是死亡，我们不能因此说我们的生命没有意义。世界上很少有永恒。大学生谈恋爱，每天都在信誓旦旦地说我会爱你一辈子，这实际上是不真实的。统计数据表明，大学生谈恋爱的100对里有90对最后会分手，最后结婚了的还有一半会离婚。你说爱情能永恒吗？所以最真实的说法是：“我今天，此时此刻正在真心地爱着你。”明天也许你会失恋，失恋后我们会体验到失恋的痛苦。这种体验也是丰富你生命的一个过程。

注解：生命本身其实是没有任何意义的，只是你自己赋予你的生命一种你希望实现的意义，因此享受生命的过程就是一种意义所在。 　　

第三句话是：两点之间最短的距离并不一定是直线。 　　

在人与人的关系以及做事情的过程中，我们很难直截了当就把事情做好。我们有时需要等待，有时需要合作，有时需要技巧。我们做事情会碰到很多困难和障碍，有时候我们并不一定要硬挺、硬冲，我们可以选择有困难绕过去，有障碍绕过去，也许这样做事情更加顺利。大家想一想，我们和别人说话还得想想哪句话更好听呢。尤其在中国这个比较复杂的社会中，大家要学会想办法谅解别人，要让人觉得你这个人很成熟，很不错，你才能把事情做成。

注解：如果你在考数学试题，一定要答两点之间直线段最短，如果你在走路，从A到B，明明可以直接过去，但所以人都不走，你最好别走，因为有陷阱。在中国办事情，直线性思维在很多地方要碰壁，这是中国特色的中国处事智慧。 　　

第四句话是：只有知道如何停止的人才知道如何加快速度。 　　

我在滑雪的时候，最大的体会就是停不下来。我刚开始学滑雪时没有请教练，看着别人滑雪，觉得很容易，不就是从山顶滑到山下吗？于是我穿上滑雪板，哧溜一下就滑下去了，结果我从山顶滑到山下，实际上是滚到山下，摔了很多个跟斗。我发现根本就不知道怎么停止、怎么保持平衡。最后我反复练习怎么在雪地上、斜坡上停下来。练了一个星期，我终于学会了在任何坡上停止、滑行、再停止。这个时候我就发现自己会滑雪了，就敢从山顶高速地往山坡下冲。因为我知道只要我想停，一转身就能停下来。只要你能停下来，你就不会撞上树、撞上石头、撞上人，你就不会被撞死。因此，只有知道如何停止的人，才知道如何高速前进。 注解：用汽车来比喻，宝马可以上200公里，奇瑞却只能上120公里，为什么？发动机估计不相上下，差距在刹车系统，上了200公里刹不了车，呵呵，我的天！ 　　

第五句话是：放弃是一种智慧，缺陷是一种恩惠。 　　

当你拥有六个苹果的时候，千万不要把它们都吃掉，因为你把六个苹果全都吃掉，你也只吃到了六个苹果，只吃到了一种味道，那就是苹果的味道。如果你把六个苹果中的五个拿出来给别人吃，尽管表面上你丢了五个苹果，但实际上你却得到了其他五个人的友情和好感。以后你还能得到更多，当别人有了别的水果的时候，也一定会和你分享，你会从这个人手里得到一个橘子，那个人手里得到一个梨，最后你可能就得到了六种不同的水果，六种不同的味道，六种不同的颜色，六个人的友谊。人一定要学会用你拥有的东西去换取对你来说更加重要和丰富的东西。所以说，放弃是一种智慧。 注解：我的个人原则是：每一次放弃都必须是一次升华，否则就不要放弃；每一次选择都必须是一次升华，否则不要选择。 　　

做人最大的乐趣在于通过奋斗去获得我们想要的东西，所以有缺点意味着我们可以进一步完美，有匮乏之处意味着我们可以进一步努力。美国有一部电视片，讲的是一位富翁给后代留下了用不尽的遗产，结果他的后代全都变成了吸毒的、自杀的、进监狱的，或者精神病患者。为什么会这样呢？因为这位富翁给自己后代留下的钱太多了，以致他们不需要劳动就可以继承一大笔财产。继承一大笔财富，就几乎什么都能买到。所以，当一个人什么都不缺的时候，他的生存空间就被剥夺掉了。如果我们每天早上醒过来，感到自己今天缺点儿什么，感到自己还需要更加完美，感到自己还有追求，那是一件多么值得高兴的事情啊！

一个人付出的爱是不是成熟，从他最原始的动机与表达得到验证。

如果是基于需要(例如：因为我孤单、寂寞，所以我需要你陪我与安慰)，那么他所说的爱其实不是真爱，而是一种条件的需索却假冒爱的名义。

这假爱的鉴别非常容易，就是当他的需求已得到满足。 (例如：因为你的陪伴安慰，他已不再感到寂寞)，便会对你的存在觉得多余与厌烦。

所以，当你的情人打电话给你，诉说他见不着你的日子真是茶不思饭不想，而求你赶过去给他看看的时候，你且慢高兴.因为说穿了，他只是要你去给他下饭罢了！他只是需要你，那里是爱你呢！

而真正的爱是无条件的自由付出，所谓需要，其实只是一种邀请：他需要一个人和他共同完成这桩爱的事实，所以他对你提出邀请了。

而这样的真爱也很容易鉴别，就是当你对他的邀请婉拒甚至只是沉吟的时候，他立刻就能尊重你的意愿而停步，而不会死追活缠，非要你答应才甘心。

何以故？只因他并不是荏弱的人格需要你去支持，而是秉其人格的独立坚强，愿邀你分享他生命的美好时光。

因此我们说爱的第一要义就是自由，这一方面是指爱的付出应当基于自由意志，而别无潜在的阴暗动机。

一方面则是指对对方人格自由的充分尊重，而不在付出的爱上面附带有渴想、期望、要求乃至逼迫的压力。

而真的相爱是一种愉悦甜美的经验，而不是互相剥削的债务。

但许多情人的相处却总是从无私的愉悦始，而以沉重的负担终。

情人总忍不住想用对方的束缚来保障自己的安全，却不知只会带来更多的烦忧。

而一个愿意对方完全自由的人，又有谁舍得离弃？

只是道理虽然简明，当事到临头，总是不容易做到罢了！

有人问：『你为什么喜欢一个人？ 』

我只能够说出为什么不喜欢一个人，却说不出为什么喜欢个人。

喜欢一个人，是一种感觉。

不喜欢一个人，却是事实。

事实容易解释，感觉却难以言喻。

爱情是忽然有一个人，我们觉得一见如故，很想靠近他，我们的内分泌忽然起了翻天覆地的变化，很想拥抱他。

以后，无论快乐或哀愁，我们也想不起当初为什么爱他。

只有当我们不爱一个人时，才会找出不爱他的原因，因为我们开始挑剔。

任何一个人，只要你去挑剔，一定找得出缺点。

越去挑剔，缺点越多，我们便可以说出为什么不喜欢他。

我们想买一件衣服时，即使发现他有小小瑕疵，埋怨几句，也肯将就，因为只有这一件，而且我们太喜欢它了，瑕不掩瑜嘛！

假使我们根本不想买那件衣服，它的小小瑕疵便是致命伤。

我们更会努力地找出其他缺点，譬如质料不够挺，颜色太鲜艳，向售货员证实，我们不是随便来逛逛的，我有认真考虑过的呀！

分手可以有很多原因，结合却只有一个原因，原因就是：不需要原因！

游戏的规则：
A. 被点到的要在自己的博客里写下自己的答案，然后去掉一个你最不喜欢的问题再加上一个你的问题，仍然组成20个问题，传给其他8个人。列出8个需要回答问题的人的名字，还要通知对方"你被点名了"，
B. 这8个人要在自己的博客里注明是从哪里接到的，并且再传给其他8个人，让游戏继续下去，不得回传。被点到名字的人将会得到大家的祝福，并且所有美好的愿望都会在不久的将来实现。

1. 喜欢的季节和颜色

夏天 蓝色,白色 

2. 最近在听的，有能说出你心事的歌么，写句歌词给我？

《几分》

 没有值不值得

当失去了有什么好争

就在转身之后

我的不舍有多么的真

3. 异性的什么是最吸引你的？为什么？

爱心、气质、内涵

因为这样的女人我想娶~~

4. 你最希望从朋友（不包括爱人）那里得到的是什么？

平安的消息，我很挂念远方的朋友。

5. 说说你去过的最难忘的一个地方？

芝罘岛海边 

6. 推荐一家你认为好吃又实惠的美食店。

马文杰驴肉火烧 

7. 你的星座是什么？比较欣赏哪个星座？

白羊座

双鱼座 

8. 遇到喜欢的人，你是勇敢表白还是默默关注？

如果是我是单身我会表白

9. 说出点你名的人的3个优点（不可删除题）

脑门大（聪明） 

不挑食

不张扬 

10. 什么事情会让你觉得很幸福？

因为我的一点小成就，老爸夸奖我 

11. 你最想回到哪一年重新开始？

2006年8月12号？

12. 计划过自己的将来么，有的话说说。

计划过，人品像衣明志一样好，技术像衣明志一样牛，娶swx做老婆

13. 你对你的近况满意吗？有什么需要改变？

不满意。人际关系和技术有待完善

14. 有想过以后家里会养一个或几个宠物吗？会选择养那种呢？”

想过，不大点的猫儿，狗儿，猪，我要养一只与众不同的猪，哈哈 

15. 你最讨厌的一件事是什么？

打cs时，有人说我作弊，目前我还不知道如何开作弊器，我鄙视作弊的人还嚷嚷着说比人人作弊

16. 最喜欢的旅游地？

威海

17. 在过去的时光里，你为自己最感到骄傲的一件事情是什么？

排除阻力，选择了我感兴趣的职业 

18.你有没为自己的目标奋斗过？

一直在努力

19. 此时此刻的一个小愿望?

希望她得到真正幸福

20. 你希望有个怎样的人生?

丰富多彩的

游戏接力：

==========================================================================================================

增加的题目是：爱情与事业那个重要，你如何看待？

删除的题目是：19. 此时此刻的一个小愿望? 

点名：

alex, alisx ,hucher ,phenge ,静度雨季,Catherin,心随心动，vc ，藏马啸天

注:以上朋友我都不认识，我是新手，认识一下了~~

调用方法报错:阅读器关闭时 FieldCount 的尝试无效 ,查了相关资料原因:SqlDataReader关闭后又尝试了读取操作引起，根据该提示 我找出以下代码的两个错误:

1:                finally
                {
                    con.Close();
                }//在没有读取前已经关闭连接，从而导致无法读取

2： using (SqlConnection con = new SqlConnection(CONNECTIONSTR))，这段错误是，连接对象在此范围外自动失效，从而导致 SqlDataReader无法读取

错误代码:

     /// <summary>
        /// 执行查询语句，返回SqlDataReader
        /// </summary>
        /// <param name="sql">sql语句</param>
        /// <param name="sp">参数数组</param>
        /// <returns></returns>
        public static SqlDataReader GetReaderBySql(string sql, SqlParameter[] sp)
        {
            using (SqlConnection con = new SqlConnection(CONNECTIONSTR))
            {
                try
                {
                    con.Open();
                    SqlCommand cmd = new SqlCommand(sql, con);
                    if(sp!=null&&sp.Length>0)
                    {
                        foreach (SqlParameter var in sp)//利用循环设置命令对象的参数
                        {
                            cmd.Parameters.Add(var);
                        }
                    }
                    SqlDataReader sdr = cmd.ExecuteReader(System.Data.CommandBehavior.CloseConnection);
                    return sdr;
                }
                catch (SqlException e)
                {
                    throw new Exception(e.Message);
                }
                finally
                {
                    con.Close();
                }
            }
        }

修改后的代码:

                try
                {
                    SqlConnection con = new SqlConnection(CONNECTIONSTR);
                    con.Open();
                    SqlCommand cmd = new SqlCommand(sql, con);
                    if(sp!=null&&sp.Length>0)
                    {
                        foreach (SqlParameter var in sp)
                        {
                            cmd.Parameters.Add(var);
                        }
                    }
                    SqlDataReader sdr = cmd.ExecuteReader(System.Data.CommandBehavior.CloseConnection);
                    return sdr;
                }
                catch (SqlException e)
                {
                    throw new Exception(e.Message);
                }

一、数据验证类：parameterCheck.cs

    public class parameterCheck{ public static bool isEmail（string emailString）{ return System.Text.RegularExpressions.Regex.IsMatch（emailString， "['\\w_-]+（\\.['\\w_-]+）*@['\\w_-]+（\\.['\\w_-]+）*\\.[a-zA-Z]{2，4}"）；} public static bool isInt（string intString）{ return System.Text.RegularExpressions.Regex.IsMatch（intString ，"^（\\d{5}-\\d{4}）（\\d{5}）$"）；} public static bool isUSZip（string zipString）{ return System.Text.RegularExpressions.Regex.IsMatch（zipString ，"^-[0-9]+$^[0-9]+$"）；}

    二、Web.config

    在你的Web.config文件中，在<appSettings>下面增加一个标签：如下

    <appSettings> <add key="safeParameters" value="OrderID-int32，CustomerEmail-email，ShippingZipcode-USzip" /> </appSettings>

    其中key是<saveParameters>后面的值为"OrderId-int32"等，其中"-"前面表示参数的名称比如：OrderId，后面的int32表示数据类型。

    三、Global.asax

    在Global.asax中增加下面一段：

    protected void Application_BeginRequest（Object sender， EventArgs e）{ String[] safeParameters = System.Configuration.ConfigurationSettings.AppSettings["safeParameters"].ToString（）。Split（'，'）；for（int i= 0 ；i < safeParameters.Length； i++）{ String parameterName = safeParameters.Split（'-'）[0]；String parameterType = safeParameters.Split（'-'）[1]；isValidParameter（parameterName， parameterType）；}

    public void isValidParameter（string parameterName， string parameterType）{ string parameterValue = Request.QueryString[parameterName]；if（parameterValue == null） return；

    if（parameterType.Equals（"int32"））{ if（！parameterCheck.isInt（parameterValue）） Response.Redirect（"parameterError.aspx"）；} else if （parameterType.Equals（"double"））{ if（！parameterCheck.isDouble（parameterValue）） Response.Redirect（"parameterError.aspx"）；} else if （parameterType.Equals（"USzip"））{ if（！parameterCheck.isUSZip（parameterValue）） Response.Redirect（"parameterError.aspx"）；} else if （parameterType.Equals（"email"））{ if（！parameterCheck.isEmail（parameterValue）） Response.Redirect（"parameterError.aspx"）；}

    以后需要修改的时候我们只需要修改以上三个文件，对整个系统的维护将会大大提高效率，当然你可以根据自己的需要增加其它的变量参数和数据类型