js实现tap

实现 tap 方法

在 JavaScript 中，tap 是一种函数式编程工具，允许在链式调用中插入调试或副作用操作而不中断链式流程。以下是几种实现方式：

使用函数封装

const tap = (value, fn) => {
  fn(value);
  return value;
};

// 使用示例
const result = tap([1, 2, 3], console.log).map(x => x * 2);
// 输出: [1, 2, 3]
// result 为 [2, 4, 6]

原型链扩展（不推荐污染原型）

Object.defineProperty(Object.prototype, 'tap', {
  value: function(fn) {
    fn(this);
    return this;
  },
  enumerable: false
});

// 使用示例
[1, 2, 3].tap(console.log).map(x => x * 2);

使用 Proxy 实现

const createTappable = (target) => new Proxy(target, {
  get(target, prop) {
    if (prop === 'tap') {
      return fn => {
        fn(target);
        return createTappable(target);
      };
    }
    return createTappable(target[prop]);
  }
});

// 使用示例
const arr = createTappable([1, 2, 3]);
arr.tap(console.log).map(x => x * 2);

Lodash/Underscore 风格实现

_.mixin({
  tap: function(obj, interceptor) {
    interceptor(obj);
    return obj;
  }
});

// 使用示例
_.chain([1, 2, 3]).tap(console.log).map(x => x * 2).value();

主要应用场景

• 调试链式调用中间值
• 插入日志记录点
• 执行不影响主流程的副作用操作

注意：修改原生原型（如 Array.prototype）可能引起兼容性问题，建议使用独立函数或工具库实现。