学习Javascript闭包(Closure)

看了阮一峰老师关于闭包的博客 ,针对最后的思考题再次记录一下


如果你能理解下面两段代码的运行结果,应该就算理解闭包的运行机制了。

代码片段一。

  var name = "The Window";

  var object = {
    name : "My Object",

    getNameFunc : function(){
      return function(){
        return this.name;
      };

    }

  };

  alert(object.getNameFunc()());


代码片段二。

  var name = "The Window";

  var object = {
    name : "My Object",

    getNameFunc : function(){
      var that = this;
      return function(){
        return that.name;
      };

    }

  };

  alert(object.getNameFunc()());



第一个问题,object.getnameFunc()()函数在执行时this属于全局域,因此结果是the window


第二个问题,通过使用that=this 保留了在调用object.getnameFunc()时的this状态值。因此在getnameFunc()的闭包中访问的变量是已经不是this的了,而是that的~


对于代码片段一

object.getnameFunc() 返回的匿名闭包函数被全局变量所引用,其中的this指向

全局变量,当执行时打印The Window 。

对于代码片段二

object.getnameFunc() 在返回闭包函数前,将this赋给that,此时getnameFunc是由

object调用的,故而this指向object,当内部函数被返回时,由于闭包的特性,仍然

能访问到外部函数中的值,当执行打印My Object 。



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值