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. 老師您好!我有一個問題、2. python3.x - python lxml無法查找第一個tag有鏈接和沒有內容tag的子tag的text?3. 哭遼 求大佬解答 控制器的join方法怎么轉模型方法4. 無法遠程連接mysql5. javascript - 請問為什么這個補零函數為什么要放window.onload外面?6. 初來乍到,相對路徑問題,新手求教7. 后端開發 - mysql按時間分段統計的sql語句怎么寫好?8. javascript - 根據不同數據顯示不同內容9. javascript - react input file10. mysql - 在下剛入門sql 關于sql的語法詢問
