亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第17天 柯里化

標簽:
JavaScript

课程名称2周刷完100道前端优质面试真题
课程章节:第8章 前端面试技能拼图6: 编写高质量代码 - 正确,完整,清晰,鲁棒
主讲老师双越
课程内容
今天学习的内容包括:
8-12 手写curry函数,实现函数柯里化

课程收获
这两节主要是什么是柯里化,如何实现柯里化。

柯里化

把多个参数的函数,转换为成按顺序传入部分参数的函数,并且返回接受余下的参数,而且返回结果的新函数。
eg.

const add = (a, b, c) => a + b + c;
// 等价于 add{10, 20, 30);
const curryAdd = curry(add);
curryAdd{10}(20)(30);

手写curry

思路:
curry 入参是函数。
判断累计传参个数(fn.length)是否足够:如果传入参数不够则返回函数,反之则返回执行结果。
讲解中的处理方式是把入参全部存到 arg 中。这么处理其实每次都会往里面存, 就算是参数足够后就执行一次清空,还是会有问题。

      const curry1 = (fn) => {
        const pLen = fn.length;
        let arg = [];
        function calc(...nArg) {
          arg = [...arg, ...nArg];
          if (arg.length < pLen) {
            return calc;
          } else {
            const res = fn.apply(this, arg.slice(0, pLen));
            arg = [];
            return res;
          }
        }
        return calc;
      };
      const curryAdd1 = curry1(add);
      console.log("1===", curryAdd1(10)(20)(30)); // 60
      console.log("2===", curryAdd1(5)(20));     // fn
      console.log("1===", curryAdd1(5)(20)(30)); // 会报错

其他的参考:

function curry0(fn) {
  function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args)
    } else {
      return function (...args2) {
        return curried.apply(this, args.concat(args2))
      }
    }
  }
  return curried
}


以上,结束。

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消