JavaScript 关于this对象

来源:互联网 发布:c语言37个关键字 编辑:程序博客网 时间:2024/05/05 01:37

转自:《Professional JavaScript for Web Developers 3rd Edition》Nicholas C.Zakas  Page182


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


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




以上代码创建了一个全局变量name,又创建了一个包含name属性的对象。这个对象还包含一个方法————getNameFunc(),它返回一个匿名函数,而匿名函数又返回this.name.由于getNameFunc()返回一个函数,因此调用object.getNameFunc()()就会立即调用它返回的函数,结果就是返回一个字符串。然而,这个例子返回的字符串是"The Window",即全局name变量的值。为什么匿名函数没有取得其包含作用域(或外部作用域)的this对象呢?
前面曾经提到过,每个函数在被调用时,其活动对象都会自动取得两个特殊变量:this和arguments。内部函数在搜索这两个变量时,只会搜索到其活动对象为止,因此永远不可能直接访问外部函数中的这两个变量。不过,把外部作用域中的this对象保存在一个闭包能够访问到的变量里,就可以让闭包访问该对象了,如下所示。


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




代码中突出的行展示了这个例子与前一个例子之间的不同之处。在定义匿名函数之前,我们把this对象赋值给了一个名叫that的变量。而在定义了闭包之后,闭包也可以访问这个变量,因为它是我们在包含函数中特意声名的一个变量。即使在函数返回之后,that也仍然引用着object,所以调用object.getNameFunc()()就返回了“My Object"。


(this和arguments也存在同样的问题。如果想访问作用域中的arguments对象,必须将对该对象的引用保存到另一个闭包能够访问的变量中。)
0 0
原创粉丝点击