国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

詳解JS中的柯里化(currying)

2019-11-19 15:46:16
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

何為Curry化/柯里化?

curry化來(lái)源與數(shù)學(xué)家 Haskell Curry的名字 (編程語(yǔ)言 Haskell也是以他的名字命名)。

柯里化通常也稱部分求值,其含義是給函數(shù)分步傳遞參數(shù),每次傳遞參數(shù)后部分應(yīng)用參數(shù),并返回一個(gè)更具體的函數(shù)接受剩下的參數(shù),這中間可嵌套多層這樣的接受部分參數(shù)函數(shù),直至返回最后結(jié)果。

因此柯里化的過(guò)程是逐步傳參,逐步縮小函數(shù)的適用范圍,逐步求解的過(guò)程。

柯里化一個(gè)求和函數(shù)

按照分步求值,我們看一個(gè)簡(jiǎn)單的例子

var concat3Words = function (a, b, c) { return a+b+c;};var concat3WordsCurrying = function(a) { return function (b) {  return function (c) {   return a+b+c;  }; };};console.log(concat3Words("foo ","bar ","baza"));   // foo bar bazaconsole.log(concat3WordsCurrying("foo "));     // [Function]console.log(concat3WordsCurrying("foo ")("bar ")("baza")); // foo bar baza

可以看到, concat3WordsCurrying("foo ") 是一個(gè) Function,每次調(diào)用都返回一個(gè)新的函數(shù),該函數(shù)接受另一個(gè)調(diào)用,然后又返回一個(gè)新的函數(shù),直至最后返回結(jié)果,分布求解,層層遞進(jìn)。(PS:這里利用了閉包的特點(diǎn))

那么現(xiàn)在我們更進(jìn)一步,如果要求可傳遞的參數(shù)不止3個(gè),可以傳任意多個(gè)參數(shù),當(dāng)不傳參數(shù)時(shí)輸出結(jié)果?

首先來(lái)個(gè)普通的實(shí)現(xiàn):

var add = function(items){ return items.reduce(function(a,b){  return a+b });};console.log(add([1,2,3,4]));

但如果要求把每個(gè)數(shù)乘以10之后再相加,那么:

var add = function (items,multi) { return items.map(function (item) {  return item*multi; }).reduce(function (a, b) {  return a + b });};console.log(add([1, 2, 3, 4],10));

好在有 map 和 reduce 函數(shù),假如按照這個(gè)模式,現(xiàn)在要把每項(xiàng)加1,再匯總,那么我們需要更換map中的函數(shù)。

下面看一下柯里化實(shí)現(xiàn):

var adder = function () { var _args = []; return function () {  if (arguments.length === 0) {   return _args.reduce(function (a, b) {    return a + b;   });  }  [].push.apply(_args, [].slice.call(arguments));  return arguments.callee; }}; var sum = adder();console.log(sum);  // Functionsum(100,200)(300); // 調(diào)用形式靈活,一次調(diào)用可輸入一個(gè)或者多個(gè)參數(shù),并且支持鏈?zhǔn)秸{(diào)用sum(400);console.log(sum()); // 1000 (加總計(jì)算)

上面 adder是柯里化了的函數(shù),它返回一個(gè)新的函數(shù),新的函數(shù)接收可分批次接受新的參數(shù),延遲到最后一次計(jì)算。

通用的柯里化函數(shù)

更典型的柯里化會(huì)把最后一次的計(jì)算封裝進(jìn)一個(gè)函數(shù)中,再把這個(gè)函數(shù)作為參數(shù)傳入柯里化函數(shù),這樣即清晰,又靈活。

例如 每項(xiàng)乘以10, 我們可以把處理函數(shù)作為參數(shù)傳入:

var currying = function (fn) { var _args = []; return function () {  if (arguments.length === 0) {   return fn.apply(this, _args);  }  Array.prototype.push.apply(_args, [].slice.call(arguments));  return arguments.callee; }};var multi=function () { var total = 0; for (var i = 0, c; c = arguments[i++];) {  total += c; } return total;};var sum = currying(multi); sum(100,200)(300);sum(400);console.log(sum());  // 1000 (空白調(diào)用時(shí)才真正計(jì)算)

這樣 sum = currying(multi),調(diào)用非常清晰,使用效果也堪稱絢麗,例如要累加多個(gè)值,可以把多個(gè)值作為做個(gè)參數(shù) sum(1,2,3),也可以支持鏈?zhǔn)降恼{(diào)用,sum(1)(2)(3)

柯里化的作用

  • 延遲計(jì)算。上面的例子已經(jīng)比較好低說(shuō)明了。
  • 參數(shù)復(fù)用。當(dāng)在多次調(diào)用同一個(gè)函數(shù),并且傳遞的參數(shù)絕大多數(shù)是相同的,那么該函數(shù)可能是一個(gè)很好的柯里化候選。
  • 動(dòng)態(tài)創(chuàng)建函數(shù)。

這可以是在部分計(jì)算出結(jié)果后,在此基礎(chǔ)上動(dòng)態(tài)生成新的函數(shù)處理后面的業(yè)務(wù),這樣省略了重復(fù)計(jì)算。或者可以通過(guò)將要傳入調(diào)用函數(shù)的參數(shù)子集,部分應(yīng)用到函數(shù)中,從而動(dòng)態(tài)創(chuàng)造出一個(gè)新函數(shù),這個(gè)新函數(shù)保存了重復(fù)傳入的參數(shù)(以后不必每次都傳)。例如,事件瀏覽器添加事件的輔助方法:

var addEvent = function(el, type, fn, capture) {  if (window.addEventListener) {   el.addEventListener(type, function(e) {    fn.call(el, e);   }, capture);  } else if (window.attachEvent) {   el.attachEvent("on" + type, function(e) {    fn.call(el, e);   });  }  };

每次添加事件處理都要執(zhí)行一遍 if...else...,其實(shí)在一個(gè)瀏覽器中只要一次判定就可以了,把根據(jù)一次判定之后的結(jié)果動(dòng)態(tài)生成新的函數(shù),以后就不必重新計(jì)算。

var addEvent = (function(){ if (window.addEventListener) {  return function(el, sType, fn, capture) {   el.addEventListener(sType, function(e) {    fn.call(el, e);   }, (capture));  }; } else if (window.attachEvent) {  return function(el, sType, fn, capture) {   el.attachEvent("on" + sType, function(e) {    fn.call(el, e);   });  }; }})();

這個(gè)例子,第一次 if...else... 判斷之后,完成了部分計(jì)算,動(dòng)態(tài)創(chuàng)建新的函數(shù)來(lái)處理后面?zhèn)魅氲膮?shù),這是一個(gè)典型的柯里化。

Function.prototype.bind 方法也是柯里化應(yīng)用

與 call/apply 方法直接執(zhí)行不同,bind 方法 將第一個(gè)參數(shù)設(shè)置為函數(shù)執(zhí)行的上下文,其他參數(shù)依次傳遞給調(diào)用方法(函數(shù)的主體本身不執(zhí)行,可以看成是延遲執(zhí)行),并動(dòng)態(tài)創(chuàng)建返回一個(gè)新的函數(shù), 這符合柯里化特點(diǎn)。

var foo = {x: 888};var bar = function () { console.log(this.x);}.bind(foo);    // 綁定bar(); // 888

與 call/apply 方法直接執(zhí)行不同,bind 方法 將第一個(gè)參數(shù)設(shè)置為函數(shù)執(zhí)行的上下文,其他參數(shù)依次傳遞給調(diào)用方法(函數(shù)的主體本身不執(zhí)行,可以看成是延遲執(zhí)行),并動(dòng)態(tài)創(chuàng)建返回一個(gè)新的函數(shù), 這符合柯里化特點(diǎn)。

var foo = {x: 888};var bar = function () { console.log(this.x);}.bind(foo);    // 綁定bar(); // 888

下面是一個(gè) bind 函數(shù)的模擬,testBind 創(chuàng)建并返回新的函數(shù),在新的函數(shù)中將真正要執(zhí)行業(yè)務(wù)的函數(shù)綁定到實(shí)參傳入的上下文,延遲執(zhí)行了。

Function.prototype.testBind = function (scope) { var fn = this;     //// this 指向的是調(diào)用 testBind 方法的一個(gè)函數(shù),  return function () {  return fn.apply(scope); }};var testBindBar = bar.testBind(foo); // 綁定 foo,延遲執(zhí)行console.log(testBindBar);    // Function (可見(jiàn),bind之后返回的是一個(gè)延遲執(zhí)行的新函數(shù))testBindBar();

這里要注意 prototype 中 this 的理解。

實(shí)例

實(shí)例1:

var currying = function(fn) { // fn 指官員消化老婆的手段 var args = [].slice.call(arguments, 1); // args 指的是那個(gè)合法老婆 return function() {  // 已經(jīng)有的老婆和新搞定的老婆們合成一體,方便控制  var newArgs = args.concat([].slice.call(arguments));  // 這些老婆們用 fn 這個(gè)手段消化利用,完成韋小寶前輩的壯舉并返回  return fn.apply(null, newArgs); };};// 下為官員如何搞定7個(gè)老婆的測(cè)試// 獲得合法老婆var getWife = currying(function() { var allWife = [].slice.call(arguments); // allwife 就是所有的老婆的,包括暗渡陳倉(cāng)進(jìn)來(lái)的老婆 console.log(allWife.join(";"));}, "合法老婆");// 獲得其他6個(gè)老婆getWife("大老婆","小老婆","俏老婆","刁蠻老婆","乖老婆","送上門老婆");// 換一批老婆getWife("超越韋小寶的老婆"); 結(jié)果:合法老婆;大老婆;小老婆;俏老婆;刁蠻老婆;乖老婆;送上門老婆合法老婆;超越韋小寶的老婆實(shí)例2:var curryWeight = function(fn) { var _fishWeight = []; return function() {  if (arguments.length === 0) {   return fn.apply(null, _fishWeight);  } else {   _fishWeight = _fishWeight.concat([].slice.call(arguments));  } }};var fishWeight = 0;var addWeight = curryWeight(function() { var i=0; len = arguments.length; for (i; i<len; i+=1) {  fishWeight += arguments[i]; }});addWeight(2.3);addWeight(6.5);addWeight(1.2);addWeight(2.5);addWeight(); // 這里才計(jì)算console.log(fishWeight); // 12.5

總結(jié)

以上所述是小編給大家介紹的JS中的函數(shù)柯里化(currying),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 镇康县| 南投县| 嘉义县| 塔城市| 灵石县| 神池县| 安义县| 扎赉特旗| 扎兰屯市| 辉县市| 宁陕县| 连南| 杭锦后旗| 绍兴市| 兖州市| 合川市| 江安县| 江川县| 凤凰县| 来安县| 宁安市| 巢湖市| 铜鼓县| 荔浦县| 许昌市| 且末县| 兴海县| 黄大仙区| 甘南县| 垫江县| 贵阳市| 蓬莱市| 乐山市| 天祝| 成武县| 新丰县| 福安市| 启东市| 华亭县| 谷城县| 教育|