问题描述
下面是百度今年的一个笔试题: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();结果是 bar bar undefined bar关于第三个undefined我是这样理解的:func是myObject对象的属性方法,所以其内部this指向myObject对象本身。而此属性方法内部的匿名立即执行函数是独立的,其this指向自身的执行上下文,引用不到外部的foo,所以是undefined。但由于作用域链使用self可以通过self引用到外部,所以第四个是bar。我是这样理解的,并且我做了个推论:function outer(){this.i = 10;alert(this.i);(function(){alert(this.i);}());};outer();按道理第二次弹出对话框是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();
解决方案二:
function outer(){ console.log(this); (function(){ console.log(this); }()); };用这种方法自己尝试一下就出来了,拿到支持console的浏览器里面跑一下就出来了。
解决方案三:
匿名函数都是window对象的,window都没有foo。自身的执行上下文,这样说根本没说到点上。
解决方案四:
任务而温热我认为二位
解决方案五:
你怎么不想想this指向的是哪?除了对象本身和window还能指向什么?所以你第二段代码2个this指向的都是window