JavaScript this关键字

    在JavaScript中，在大多数面向对象编程语言中，this是一个特殊的关键字，它在方法中被使用于转指为方法上被调用的对象。this的值可以由以下一系列简单的步骤来确定。

• 如果方法是通过使用Function.call()或Function.apply()被调用的，那么可以设置第一个参数传递给.call()或.apply()。如果第一个参数传递的是null或undefined，那么this将指向全局对象（浏览器的window对象）。
• 如果方法是通过创建使用Function.bind()被调用的，那么this是在方法被创建的时候作为第一个参数被传递给.bind()的。
• 如果方法被调用作为一个方法对象，那么this将指向这个对象。
• 其他情况下，方法被调用作为一个独立的方法没有附加任何对象。而this则指向全局对象。

// 使用Function.call()调用方法   var myObject = { sayHello: function() { console.log( "Hi! My name is " + this.myName ); }, myName: "Rebecca" };   var secondObject = { myName: "Colin" };   myObject.sayHello(); // "Hi! My name is Rebecca" myObject.sayHello.call( secondObject ); // "Hi! My name is Colin"   // 使用Function.bind()调用方法   var myName = "the global object"; var sayHello = function() { console.log( "Hi! My name is " + this.myName ); }; var myObject = { myName: "Rebecca" }; var myObjectHello = sayHello.bind( myObject );   sayHello(); // "Hi! My name is the global object" myObjectHello(); // "Hi! My name is Rebecca"   // 方法连接到运行中的对象上   var myName = "the global object"; var sayHello = function() { console.log( "Hi! My name is " + this.myName ); }; var myObject = { myName: "Rebecca" }; var secondObject = { myName: "Colin" };   myObject.sayHello = sayHello; secondObject.sayHello = sayHello;   sayHello(); // "Hi! My name is the global object" myObject.sayHello(); // "Hi! My name is Rebecca" secondObject.sayHello(); // "Hi! My name is Colin"

    当调用深藏在一个命名空间里的方法时，常常想将这个方法的引用存储在一个变量里以减少输入的代码量。重要的是，不能对实例方法进行如此的处理。因为这会导致方法中的this的值发生变化，从而导致不正确的代码操作。

 

var myNamespace = { myObject: { sayHello: function() { console.log( "Hi! My name is " + this.myName ); }, myName: "Rebecca" } };   var hello = myNamespace.myObject.sayHello;   hello(); // "Hi! My name is undefined"

    然而，你可以如下这样安全的调用方法。

var myNamespace = { myObject: { sayHello: function() { console.log( "Hi! My name is " + this.myName ); }, myName: "Rebecca" } };   var obj = myNamespace.myObject;   obj.sayHello(); // "Hi! My name is Rebecca"