var self = this

来自犀牛书的解答

方法调用和函数调用有一个重要的区别,即:调用上下文。属性访问表达式由两部分组成:一个对象(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()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值