const curry = (fn) => (...args)=>fn.bind(null,...args);const split = curry((splitOn, str) =>str.split(splitOn));console.log(split(" ")("Hello JS")); // ["Hello","JS"]

這個函數初看一頭霧水，split()()被連續調用，但是兩個參數是怎么傳遞的，fn.bind(null,...args)不僅綁定了this，還能傳遞參數？，查了一下MDN

bind()方法會創建一個新函數。當這個新函數被調用時，bind()的第一個參數將作為它運行時的 this, 之后的一序列參數將會在傳遞的實參前傳入作為它的參數。

前半句好理解，相信大家也也用到過，為函數綁定運行時的this

var name = "out value" const obj = {name:"test bind",fn:function(){console.log(this.name);} };let f1 = obj.fn.bind(obj); let f2 = obj.fnf1() // test bind f2() // out value

后半句，多余的參數將會當成新函數被調用時的參數，看例子

function test(one,two){console.log(one);console.log(two);console.log(arguments); }var tmp = test.bind(null,111);tmp(2222); // 111 222 {0:111,2:222}

111被當成了函數的第一個參數

回頭看，這個函數寫的很簡潔 ，平時實現相同的方法，大概會這么寫

function curry(fn){return function(splitOn){return function(str){return fn(splitOn,str);}} }

ES6 寫法

const curry = (fn) => (...agrs) => (str) => fn(...agrs,str) const split = curry((splitOn, str) =>str.split(splitOn)); console.log(split(" ")("Hello JS"))

總的來看區別不大，只是代碼看起來更干凈一點

轉載于:https://www.cnblogs.com/asuishi/p/6235625.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的bind绑定参数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。