msdghs
哈尼
采纳率25%
2014-08-05 01:10 阅读 284
已采纳

JS闭包、作用域链的问题

var name = "The Window";

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

var name1 = "The Window";

  var object1 = {
    name : "My Object",
    getNameFunc : function(){
      alert(this);
var that = this;
      return function(){
        return that.name;
      };
    }
  };
  alert(object1.getNameFunc()());//输出My Object

上面的this为window对象,而下面的this为什么是object1对象,求当中的详细讲解,小子不胜感激

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

1条回答 默认 最新

  • 已采纳
    liu78778 liu78778 2014-08-05 09:25

    很简单,你要先明白这句底发生了什么。
    [code="java"]object1.getNameFunc()()[/code]

    这句可以简单的拆分成两步调用:
    [code="java"]
    var anyFuc = object1.getNameFunc();
    anyFuc();
    [/code]

    第一步在作用域对象object1上调用getNameFunc函数返回一个Function对象;
    第二步在全局作用域上(window)直接调用这个函数对象。

    这样:
    第一种写法下,最终获得的name是在全局对象window下的name;
    第二种写法下,先在getNameFunc中使用anyFuc的闭包保存了它的作用域object1作为that变量,然后在anyFuc中直接访问的是它,自然最终获得是object1的name

    点赞 评论 复制链接分享

相关推荐