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呢?
問題解答
回答1: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’。
回答3:其實最簡單的理解就是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... 希望對你有所幫助
回答5:函數執行,函數體內的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
相關文章:
1. css3 - [CSS] 動畫效果 3D翻轉bug2. python - Django分頁和查詢參數的問題3. javascript - 百度echarts series數據更新問題4. MySQL客戶端吃掉了SQL注解?5. javascript - JS設置Video視頻對象的currentTime時出現了問題,IE,Edge,火狐,都可以設置,反而chrom卻...6. php自學從哪里開始?7. python小白的基礎問題 關于while循環的嵌套8. 求大神幫我看看是哪里寫錯了 感謝細心解答9. phpstady在win10上運行10. javascript - 圖片能在網站顯示,但控制臺仍舊報錯403 (Forbidden)
