杏花疏影里 2014-10-12 18:10 采纳率: 0%
浏览 201
已采纳

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条回答 默认 最新

  • 猿敲月下码 2014-10-13 15:17
    关注

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

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?