下面是百度今年的一个笔试题:
[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?
请大神不吝赐教!
两个this都是指window.
function outer(){
this.i = 10;
alert(this === window)
alert(this.i);
(function(){
alert(this.i);
alert(this === window)
}());
};
outer();
想要出现undefined,改成new outer();
你怎么不想想this指向的是哪?除了对象本身和window还能指向什么?
所以你第二段代码2个this指向的都是window
任务而温热我认为二位 8) :lol:
匿名函数都是window对象的,window都没有foo。
自身的执行上下文,这样说根本没说到点上。
function outer(){
console.log(this);
(function(){
console.log(this);
}());
};
用这种方法自己尝试一下就出来了,拿到支持console的浏览器里面跑一下就出来了。