昨天复习了下闭包,遇到一个思考题,纠结了好久,才发现自己基础原来那么差。
贴出来:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()()); //The Window
我掉进了闭包的坑里,为啥返回的函数就不能维持this的值呢。
所以要跳出闭包的怪圈,重温了一下Javascript的四大调用模式:方法调用模式,函数调用模式,构造器调用模式,Apply调用模式。
这里只提到函数调用模式,和方法调用模式,犀牛书解答了疑问:和变量不同,关键字this没有作用域的限制,嵌套的函数不会从调用它的函数中继承this,如果嵌套函数作为方法调用,其this指向调用它的对象,如果嵌套函数作为函数调用,其this值不是全局对象(非严格模式下)就是undefined(严格模式下)。。
很明显,上面的代码 object.getNameFunc()返回的是一个匿名函数,并非属于对象object的函数,所以此时它只是一个普通函数function(){return this.name},所以引用的this自然就绑定在全局对象window上。
ok,其实倘若语言设计正确,当内部函数调用时,this也可以仍然绑定到外部函数的this变量上。但这个时候,我们需要给外部函数getNameFunc定义一个变量并给它赋值为this,那么内部函数通过该变量访问到指向该对象的this,于是我们就有了一个闭包的实证,如:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var self=this;
return function(){
return self.name;
};
}
};
alert(object.getNameFunc()()); //The Object
yeah,此时匿名函数作为getNameFunc的闭包可以引用到它的变量self。
所以还有个有趣的问题:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return this.name
}
};
alert(object.getNameFunc())//The Object 很明显,这是一个对象的函数执行,所以会引用外层对象的私有变量。
alert((object.getNameFunc=object.getNameFunc)())//猜猜答案是什么
没错,答案是全局的The window,所以可以想到此时(object.getNameFunc=object.getNameFunc)指向函数本身,所以得到的应该是函数function(){ return this.name}
此时要注意的是,(object.getNameFunc=object.getNameFunc)跟没有括号object.getNameFunc=object.getNameFunc向右传递的结果是不一样的, 前者传递的是函数,后者传递的是对象方法。
但是!
又有一个问题来了
alert((object.getNameFunc=object.getNameFunc)==function(){return this.name})//答案是False!!!
就是说这两个函数不相等….又挖了个坑….
下次再解…..