PTT職涯區 / Soft_Job (軟體人)

Re: [請益] 該怎麼理解javascript的bind？

看板Soft_Job (軟體人)作者 (心存善念盡力而為)時間9年前 (2016/09/08 16:46), 9年前編輯推噓9(9推 0噓 9→)
留言18則, 10人參與, 最新討論串2/3 (看更多)
※ 引述《peanut97 (丁丁)》之銘言： : 小弟在看Facebook教學頁面學習React.js : 常常看到bind寫法。 : http://imgur.com/53W47na
: ref: : https://facebook.github.io/react/docs/thinking-in-react.html : google了一下，依然有看沒有懂。 : 請問有簡單解釋bind的教學頁面嗎？ 理論上這應該到 ajax 版問啦... var mybaseFunction = function(str1,str2){ this.log(str1,str2); } var consoleHelloFunction = mybaseFunction.bind(console,"Hello"); /* 上面這行等價於 consoleHelloFunction = function(str){ return mybaseFunction.apply(console,["Hello",str]); } */ consoleHelloFunction("world"); -- 他可以改變 this，也能做 curry 效果。 -- I have a dream, it's silly but beautiful. -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.137.146.1 ※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1473324372.A.49B.html
推
09/08 17:28, , 1F
console 是什麼？
09/08 17:28, 1F
console.log 可以看成是 printf
推
09/08 17:41, , 2F
請教如果mybaseFunction是用arrow function如何bind呢？
09/08 17:41, 2F
推
09/08 17:44, , 3F
var mybaseFunction=(str1,str2) => this.log(str1,str2)
09/08 17:44, 3F
已經用 arrow function 的話就沒得改 this 啦，頂多只能 curry 了。 這就是為什麼 this 本來的設計比 bind 靈活得多。
→
09/08 17:57, , 4F
09/08 17:57, 4F
→
09/08 19:11, , 5F
console ~= c 的 printf
09/08 19:11, 5F
→
09/08 19:12, , 6F
mybaseFuction.bind ... 用法同內文
09/08 19:12, 6F
→
09/08 19:37, , 7F
請問bind的優點是什麼呢？
09/08 19:37, 7F
推
09/08 20:02, , 8F
作用就是彌補js可笑的this設計
09/08 20:02, 8F
我不覺得可笑欸，原本的 this 雖然有複雜度， 但給了 mix-in 很多可以做的空間。 ※ 編輯: TonyQ (223.137.146.1), 09/08/2016 21:27:28 ※ 編輯: TonyQ (223.137.146.1), 09/08/2016 21:28:05
推
09/08 22:06, , 9F
this 完全可以放到參數列表裡
09/08 22:06, 9F
推
09/08 22:09, , 10F
一舉消去了複雜性，更免去了bind call apply 等等冗餘
09/08 22:09, 10F
→
09/08 22:09, , 11F
函數
09/08 22:09, 11F
照 functional 的作法是這樣， 但如果有複雜的 state 要傳遞，那就會有額外的複雜度。 不用 this 的話， 那已經可說完全不是 bind or this 的問題了。XD
推
09/08 22:26, , 12F
沒有 this 物件模形怎麼做呢
09/08 22:26, 12F
→
09/08 23:41, , 13F
Java跟JavaScript真的是狗跟熱狗啊....
09/08 23:41, 13F
推
09/08 23:52, , 14F
不過會有 this 的問題是不是因為把該是 member 的做成了
09/08 23:52, 14F
→
09/08 23:52, , 15F
free function 呢？
09/08 23:52, 15F
→
09/08 23:52, , 16F
完全不懂 javascript 還請指教
09/08 23:52, 16F
我會覺得你的描述反了喔。XD 如果把函示跟類別視為是一種契約論（約定 input/output/member ）， this 實質上是一種額外的契約。 只是說在 js 裡面 member 的 function 比較靈活， 還可以單獨拆出來用而已。 我是覺得這塊比較接近 mix-in 的概念啦。 這塊牽扯到我們認為「function」該怎麼跟多個類別耦合... 是要走繼承呢，還是走契約(this)呢。 這其實是程式語言層次的問題。
→
09/09 04:34, , 17F
樓上不要在這邊問啦，去 ajax 版問
09/09 04:34, 17F
※ 編輯: TonyQ (223.137.146.1), 09/09/2016 05:51:32
推
09/09 14:53, , 18F
多謝這篇解決我多年的疑惑
09/09 14:53, 18F
‣ 更多 TonyQ 的文章
文章代碼(AID): #1NqILKIR (Soft_Job)
Soft_Job 近期熱門文章
更多 近期熱門文章 >>
PTT職涯區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 TonyQ 的文章
文章代碼(AID): #1NqILKIR (Soft_Job)