[問題] bind自己

作者: icydream (巧虎)   2019-04-13 02:31:10
各位好:
以下程式碼:
var obj = {
foo: (function() {
return this;
}).bind(obj)
};
obj.foo(); //Window{...}
我的想法是,
foo已經有使用bind函式,
指定thisArg為obj物件,
所以,
foo函式回傳的this應該要是obj這個物件,
怎麼會變成Window?
煩請解惑,謝謝。
作者: mackliu (回不去的大叔)   2019-04-13 09:37:00
var obj = { foo: (()=> this).bind(obj)};obj.foo();你用匿名函數時,this指的是匿名函數自己,而不是obj使用箭頭函數的話..this 指的是定義時的obj詳情找一下javascript 的this用法..或者你在匿名函數前先最後一句先略過..有不同的做法,但要看狀況哦..丟臉了..不要理我...
作者: brianwu1201 (bunny29)   2019-04-13 10:54:00
你 bind(obj) 時 obj 物件還沒被建立完成,所以()裡面的 obj 這時會是 undefined,當bind(undefined) this 會指向全域變數。
作者: s25g5d4 (function(){})()   2019-04-13 12:50:00
這問題要從 variable hoisting 開始,在 compile phase obj 會先被初始化成 undefined,然後因為你在 assignmentexpression 計算完成之前就呼叫 .bind(),又因為 javascript 是 call by sharing 所以此時傳進 bind 的會是 undefined,即使後來 assignment 完成之後也不會影響傳進 .bind() 裡的 argument,所以實際上你等於呼叫了 .bind(undefined)
作者: icydream (巧虎)   2019-04-13 14:44:00
感謝各位回答
作者: thethirdfoot (第三隻腳)   2019-05-13 12:13:00
你可以加上嚴謹模式 跑出來的就會是undefinedbind執行的時候obj都還沒初始化 所以會變undefined但是沒有嚴謹模式他會自動導向Window

Links booklink

Contact Us: admin [ a t ] ucptt.com