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. docker - 如何修改運行中容器的配置2. javascript - Web微信聊天輸入框解決方案3. angular.js - angular ng-class里面的引號問題4. javascript - log4js的使用問題5. javascript - 移動端textarea不能上下滑動,該怎么解決?6. css - 對于類選擇器使用的問題7. javascript - 音頻加載問題8. javascript - 為什么這個點擊事件需要點擊兩次才有效果9. javascript - Ajax加載Json時,移動端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?10. javascript - 有沒有什么好的圖片懶加載的插件,需要包含監聽頁面滾動高度,然后再加載的功能
