一个函数调用模式的小坑

昨天复习了下闭包,遇到一个思考题,纠结了好久,才发现自己基础原来那么差。
贴出来:

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

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

下次再解…..

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值