闭包中的this对象

    在闭包中使用this对象会导致一些问题。我们知道,this对象是在运行时基于函数的执行环境绑定的:在全局环境中,this等于window,而当函数被作为对象的方法调用时,this等于那个对象。不过,匿名函数的执行环境具有全局性,因此其this对象通常指向window。但有时候由于编写闭包的方式不同,这一点可能不会那么明显。可以看看下面这个例子:

var name = "This Window"
var object = {
    name: 'My Object',
    getNameFunc: function() {
        return function() {
            return this.name;
        }
    }
}

console.log(object.getNameFunc()()); // "The Window" (在非严格模式下)

    以上代码先创建了一个全局变量name,有创建了一个包含name属性的对象。这个对象还包含一个方法——getNameFunc(),它返回一个匿名函数,而匿名函数又返回this.name。由于getNameFunc()返回一个函数,因此调用object.getNameFunc()()就会立即调用它返回的函数,结果就是返回一个字符串。然而,这个例子返回的字符串时“The Window”,即全局变量的name值,为什么匿名函数没有取得其包含作用域(外部作用域)的this对象呢?

    我们知道,每个函数在被调用时都会自动取得两个特殊的变量:this 和 arguments。内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因此永远不可能直接访问外部函数中的这两个变量。不过,把外部作用域中的this对象保存在一个闭包能方位到的变量里,就可以让闭包访问该对象了:

var name = "This Window"
var object = {
    name: 'My Object',
    getNameFunc: function() {
        var that = this;
        return function() {
            return that.name;
        }
    }
}

console.log(object.getNameFunc()()); // "The Window" (在非严格模式下)

注意: this和arguments也存在同样的问题。如果想要访问作用域中的arguments对象,必须将该对象的引用保存到另一个闭包能够访问的变量中。

思考:

var name = "This Window"
var object = {
    name: 'My Object',
    getNameFunc: function() {
        return this.name;
    }
}
object.getName();
(object.getName)();
(object.getName = object.getName)(); // 在非严格模式下

结果是: // “My Object”

               // “My Object”

               // “The Window”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值