来自犀牛书的解答
方法调用和函数调用有一个重要的区别,即:调用上下文。属性访问表达式由两部分组成:一个对象(o)和属性名称(m)。在像这样的方法调用表达式里,对象o成为调用的上下文,函数体可以使用关键字this引用该对象。下面是一个具体的例子:
var calculator = { // 对象直接量
operand1: 1,
operand2: 1,
add: function() {
// 注意this关键字的用法,this指代当前对象
this.result = this.operand1 + this.operand2;
}
}
calculator.add();
calculator.result;
大多数方法调用使用点符号来访问属性,使用方括号(的属性访问表达式)也可以进行属性访问操作。
下面两个例子都是函数调用:
o["m"](x,y); // o.m(x,y)的另外一种写法
a[0](z); // 同样是一个方法调用(这里假设a[0]是一个函数)
方法调用可能包括更复杂的属性访问表达式:
customer.surname.toUpperCase(); // 调用customer.surname的方法
f().m(); // 在f()调用结束后继续调用返回值中的方法m()
方法和this关键字是面向对象编程范例的核心,任何函数只要作为方法调用实际上都会传入一个隐式的实参–这个实参是一个对象,方法调用的母体就是这个对象。通常来说,基于那个对象的方法可以执行多种操作,方法调用的语法已经很清晰地表明了函数将基于一个对象进行操作,比较下面两行代码:
rect.setSize(width, height);
setRectSize(rect, width, height);
我们假设这两行代码的功能完全一样,他们都作用于一个假定的对象rect。可以看出,第一行的方法调用语法非常清晰地表明这个函数执行的载体是rect对象,函数中的所有操作都基于这个对象。
需要注意的是,this是一个关键字,不是变量,也不是属性名。JavaScript的语法不允许给this赋值。
和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作用方法调用,其this的值指向调用它的对象。如果嵌套函数作为作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。很多人误以为调用嵌套函数时this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值,需要将this的值保存在一个变量里,这个变量和内部函数都同在一个作用域中。通常使用变量self来保存this,比如:
var o = { // 对象o
m: function() { // 对象中的方法m()
var self = this; // 将this的值保存至一个变量中
console.log(this === o); // ture,this就是这个对象o
f(); // 调用辅助函数f()
function f() { // 定义一个嵌套函数f()
console.log(this === o); // false: this的值是全局对象或者undifine
console.log(self === o); // true: self指外部函数的this值
}
}
};
o.m(); //调用对象o的方法m()