您的位置:首页 > 其它

一个函数调用模式的小坑

2016-03-11 21:14 218 查看
昨天复习了下闭包,遇到一个思考题,纠结了好久,才发现自己基础原来那么差。

贴出来:

  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!!!


就是说这两个函数不相等….又挖了个坑….

下次再解…..
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: