js闭包中this指向的问题

下面是百度今年的一个笔试题:
[code="javascript"]
var myObject = {
foo:"bar",
func: function() {
var self = this;
console.log("outer func: this.foo = " + this.foo);
console.log("outer func: self.foo = " + self.foo);

(function (){
console.log("inner func: this.foo = " + this.foo);
console.log("inner func: self.foo = " + self.foo);
}());
}
}
myObject.func();
[/code]
结果是 bar bar undefined bar
关于第三个undefined我是这样理解的:func是myObject对象的属性方法,所以其内部this指向myObject对象本身。而此属性方法内部的匿名立即执行函数是独立的,其this指向自身的执行上下文,引用不到外部的foo,所以是undefined。但由于作用域链使用self可以通过self引用到外部,所以第四个是bar。

我是这样理解的,并且我做了个推论:

[code="javascript"]
function outer(){
this.i = 10;
alert(this.i);
(function(){
alert(this.i);
}());
};
outer();
[/code]

按道理第二次弹出对话框是undefined才对,可是它却是10!它这里怎么又能通过this引用外部的i了呢?why?

请大神不吝赐教!

5个回答

两个this都是指window.
function outer(){
this.i = 10;
alert(this === window)
alert(this.i);
(function(){
alert(this.i);
alert(this === window)
}());
};
outer();

想要出现undefined,改成new outer();

robertzsl
杏花疏影里 是这样的,谢谢!
大约 6 年之前 回复

你怎么不想想this指向的是哪?除了对象本身和window还能指向什么?
所以你第二段代码2个this指向的都是window

robertzsl
杏花疏影里 对的,之前没注意,谢谢!
大约 6 年之前 回复

任务而温热我认为二位 8) :lol:

匿名函数都是window对象的,window都没有foo。
自身的执行上下文,这样说根本没说到点上。

robertzsl
杏花疏影里 是的,谢谢!
大约 6 年之前 回复

function outer(){
console.log(this);
(function(){
console.log(this);
}());
};
用这种方法自己尝试一下就出来了,拿到支持console的浏览器里面跑一下就出来了。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐