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对象，求当中的详细讲解，小子不胜感激 问题补充：疑惑，睡不着觉。。。

解决方案

很简单，你要先明白这句底发生了什么。object1.getNameFunc()()这句可以简单的拆分成两步调用：var anyFuc = object1.getNameFunc();anyFuc();第一步在作用域对象object1上调用getNameFunc函数返回一个Function对象；第二步在全局作用域上（window）直接调用这个函数对象。这样：第一种写法下，最终获得的name是在全局对象window下的name；第二种写法下，先在getNameFunc中使用anyFuc的闭包保存了它的作用域object1作为that变量，然后在anyFuc中直接访问的是它，自然最终获得是object1的name