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. mysql - 數據庫建字段,默認值空和empty string有什么區別 1102. 新人求教MySQL關于判斷后拼接條件進行查詢的sql語句3. 在mybatis使用mysql的ON DUPLICATE KEY UPDATE語法實現存在即更新應該使用哪個標簽?4. mysql - 這種分級一對多,且分級不平衡的模型該怎么設計表?5. Navicat for mysql 中以json格式儲存的數據存在大量反斜杠,如何去除?6. mysql - 數據庫表中,兩個表互為外鍵參考如何解決7. php - 公眾號文章底部的小程序二維碼如何統計?8. mysql - 表名稱前綴到底有啥用?9. mysql - 千萬數據 分頁,當偏移量 原來越大時,怎么優化速度10. mac OSX10.12.4 (16E195)下Mysql 5.7.18找不到配置文件my.cnf
