wrappy 源码解析

最新推荐文章于 2024-08-24 07:31:29 发布

超悠閒

最新推荐文章于 2024-08-24 07:31:29 发布

阅读量412

点赞数

分类专栏： NpmLibrary 文章标签：函数式编程 currying 科里化函数高阶函数

本文链接：https://blog.csdn.net/weixin_44691608/article/details/121389799

版权

NpmLibrary 专栏收录该内容

22 篇文章

订阅专栏

wrappy 源码解析

文章目录

wrappy 源码解析
正文
其他资源
- 参考连接
- 阅读笔记参考

正文

0. 基本信息

version：v1.0.2
功能：实现函数科里化包装

1. 源码解析

整个项目很小，就一个方法

wrappy.js（阅读笔记：wrappy.js）

整个函数的目标就是实现函数的包装，一共接受两个参数

module.exports = wrappy;
function wrappy(fn, cb) {
  // 一次传入两个参数
  if (fn && cb) return wrappy(fn)(cb);

fn 为我们执行真正的函数之前需要执行的包装方法，cb 则是我们要包装的目标函数，然后返回一个包装后的函数，也就是可以利用 fn 实现一个高阶函数生成器

  if (typeof fn !== 'function') {
    throw new TypeError('need wrapper function');
  }

  // 复制所有属性到包装函数里面
  Object.keys(fn).forEach(function (k) {
    wrapper[k] = fn[k];
  });

  return wrapper;

  function wrapper() {
    // 调用 fn，传入 cb 当参数（在 arguments 数组当中）
    var ret = fn.apply(this, arguments);
    var cb = arguments[arguments.length - 1];
    if (typeof ret === 'function' && ret !== cb) {
      Object.keys(cb).forEach(function (k) {
        ret[k] = cb[k];
      });
    }
    return ret;
  }
}

后半部分就是返回一个 wrapper 函数，延迟绑定需要的回调函数(cb，由 arguments 传入 fn 的调用)

对就这么简单hh

2. 作者实现

其实作者本身并不太喜欢看到像是什么 arguments 的调用hh，当然我更喜欢用比较新的语法如 ...args 来传递参数，所以以下是作者仿造原库，自己实现的版本

wrappy_mine.js

module.exports = function wrappy(fn, cb) {
  if (fn && cb) return wrappy(fn)(cb);

  Object.assign(wrapper, fn);

  return wrapper;

  function wrapper(cb, ...args) {
    const ret = fn.apply(this, [cb, ...args]);
    if (typeof cb === 'function' && ret !== cb) {
      Object.assign(ret, cb);
    }
    return ret;
  }
};