这两天在读《JavaScript语言精粹》关于第4章函数调用的几种模式琢磨了半天。
这里就说一下方法调用模式跟函数调用模式。
方法调用模式:
当一个函数被保存为对象的一个属性时,我们称它为一个方法。当一个方法被调用时,this被绑定到该对象。如果调用表达式包含一个提取属性的动作(a.name或a[name]),那么他就是被当做一个方法调用。
var myObject = {
value:1,
double:function(){ //double是myObject对象的一个方法
this.value = this.value*2;
}
};
myObject.double(); //
函数调用模式:
当一个函数并非一个对象的属性时,那么他就是被当做一个函数来调用的:
此时要注意,以此模式调用函数时,this被绑定到全局对象。
var myObject = {
value:1
};
myObject.double =function () {
var helper = function () { //helper不是对象的属性,因此this指向全局对象Window
this.value = this.value*2;
}
helper();
} ;
myObject.double(); //1,value的值不会发生改变
我们可以为该方法double定义一个变量,并赋值为this,那么内部函数就可以通过那个变量访问到this。按照约定,我们把那个变量命名为that:
var myObject = {
value:1
};
myObject.double = function () {
var that = this; //定义变量that,并给它赋值为this
var helper = function () {
that.value = that.value*2;
}
helper();
}
myObject.double(); //2,由于间接的访问了this,value最终发生了改变