bind绑定参数
const curry = (fn) => (...args)=>fn.bind(null,...args);const split = curry((splitOn, str) =>str.split(splitOn));console.log(split(" ")("Hello JS")); // ["Hello","JS"]
這個(gè)函數(shù)初看一頭霧水,split()()被連續(xù)調(diào)用,但是兩個(gè)參數(shù)是怎么傳遞的,fn.bind(null,...args)不僅綁定了this,還能傳遞參數(shù)?,查了一下MDN
bind()方法會(huì)創(chuàng)建一個(gè)新函數(shù)。當(dāng)這個(gè)新函數(shù)被調(diào)用時(shí),bind()的第一個(gè)參數(shù)將作為它運(yùn)行時(shí)的 this, 之后的一序列參數(shù)將會(huì)在傳遞的實(shí)參前傳入作為它的參數(shù)。
前半句好理解,相信大家也也用到過(guò),為函數(shù)綁定運(yùn)行時(shí)的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后半句,多余的參數(shù)將會(huì)當(dāng)成新函數(shù)被調(diào)用時(shí)的參數(shù),看例子
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被當(dāng)成了函數(shù)的第一個(gè)參數(shù)
回頭看,這個(gè)函數(shù)寫(xiě)的很簡(jiǎn)潔 ,平時(shí)實(shí)現(xiàn)相同的方法,大概會(huì)這么寫(xiě)
function curry(fn){return function(splitOn){return function(str){return fn(splitOn,str);}} }ES6 寫(xiě)法
const curry = (fn) => (...agrs) => (str) => fn(...agrs,str) const split = curry((splitOn, str) =>str.split(splitOn)); console.log(split(" ")("Hello JS"))總的來(lái)看區(qū)別不大,只是代碼看起來(lái)更干凈一點(diǎn)
轉(zhuǎn)載于:https://www.cnblogs.com/asuishi/p/6235625.html
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
- 上一篇: 5、继承与派生4-派生类的构造和析构函数
- 下一篇: 随笔-使用时间管理有感