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"
posted @ 2013-08-19 08:58  M守护神  阅读(...)  评论(... 编辑 收藏