关于闭包的问题,一个前端面试题(经典)
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()()); //The Window。谁知道这个为什么会打印this window吗?对闭包不是很熟悉,请教你们一下。为什么调用的时候是window这个对象来调用的呢?
Answers
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(context){
var self = this; // object
return function(){
console.log(this); //window
console.log(self); //object
return this.name; //return window.name
};
}};
getNameFuct是挂载到了object这个对象上,所以通过self捕获到的this指向object,而getNameFuc内部的匿名嵌套函数并没有挂载到object上,而是属于全局对象window的,使用this时访问的是window
这个问题很有意思,但感觉上面几位都没有答到点子上。
我先试了一下这样:
alert(object.getNameFunc());
结果是这样的:function(){return this.name;}
这个是什么?是return后面的匿名函数,也就是说这里把匿名函数当做一个变量返回了。这时我们就能想到,函数是可以作为值返回的。为什么要作为值返回呢?因为它就是一个值(这可不是废话,要理解)。要想返回函数的实现,就必须加上一个括号进行自执行。
剩下的问题就是this为什么指向了全局对象?其实这是一个基本的姿势。this是什么?是函数运行的环境。这里函数运行的环境是什么?是object对象吗?不是,js是没有块级作用域的,只有函数作用域。js全局对象就是由一个个嵌套函数形成的嵌套作用域形成的,所以函数运行的环境(this的指向)只能是父函数对象或者是调用子函数(this所在函数)的函数对象。
个人的理解,如有不妥欢迎指出。谢谢。
5月21日更新重要提示。
上面对this的理解有误,该问题中this指向全局对象的原因应该是闭包的存在。没有使用闭包的情况下this会指向object。
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
//如果在这里 return this.name;
//log ‘My Object’
//如果要在下面的function拿到‘My Object’
//就要用另一个变量将this传递给另一个执行环境
// that = this; 请看下面一段代码
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()()); //The Window。
传递this
var name = "The Window";
var object = {
name: "My Object",
getNameFunc: function() {
that = this;
return function() {
return that.name;
};
}
};
console.log(object.getNameFunc()());