javascript - 關于this的指向性問題

問題描述

var foo = 'window';var obj = { foo : 'obj', getFoo : function(){return function(){ return this.foo;}; }};var f = obj.getFoo();console.log(f()); //結果：window

為什么上述代碼的運行結果是window呢？

問題解答

obj.getFoo() 返回一個方程，賦值給了 f 。f 通過 f() 被調用，沒有明確的調用者，所以 this 就是 window 。

想要的到 'obj' ，可以這樣做

var foo = 'window';var obj = { foo : 'obj', getFoo : function(){var self = this;return function(){ return self.foo;}; }};var f = obj.getFoo();console.log(f());回答2：

因為，在f()實際運行的地方，this是window，由于沒有通過call或者bind改變上下文，所以輸出的就是window。

可以按照如下替換方法：

console.log(f());// ----->console.log(obj.getFoo());// ----->console.log(function() { var self = this; return function() {return self.foo }});

這里的self就是指向window了，所以return self.foo就是return window.foo，也就是’window’。

其實最簡單的理解就是obj.getFoo給了f,然后再看這方法運行的位置在哪.

f = function () { return function () {return this.foo }}回答4：

console.log(f())中f()是獨立被調用的 1.如果調用者函數，被某一個對象所擁有，那么該函數在調用時，內部的this指向該對象。2.如果函數獨立調用，那么該函數內部的this，則指向undefined。推薦閱讀 http://www.jianshu.com/p/d647... 希望對你有所幫助

函數執行，函數體內的this指向函數的調用方

1、下面這段代碼，getFoo函數的調用方是obj，所以getFoo函數內部的this指向obj對象

var f = obj.getFoo()

2、getFoo函數返回了一個匿名函數賦給變量f，再執行函數f，此時變量f是掛載到window上的，函數f的調用方是window，函數f內部的this也指向window

console.log(f()); //結果：window