如何使用JavaScript实现带错误抛出的pipe函数？

我来帮你修复这个pipe函数的问题，咱们一步步拆解哪里出了问题：

问题分析 #

你的代码思路是对的，但有两处关键错误导致功能异常：

• 错误的抛出语法：你写的 throw new ('Provided argument at position 2 is not a function!') 是无效语法，必须使用 new Error() 构造函数来创建错误对象，否则无法生成带message属性的标准错误实例。
• 固定的错误位置提示：当前错误信息里的position 2是硬编码的，但实际出错的参数可能在任意位置，需要动态计算它在整体参数中的位置（初始值是第一个参数，所以funcs数组里的第i个元素对应整体参数的第i+2位）。

修正后的代码 #

function isFunction(functionToCheck) { 
  return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]'; 
}

////////////////// Fixed pipe function ////////////////////
const pipe = (value, ...funcs) => {
  try {
    const result = funcs.reduce(function (acc, currFunc, index) {
      // 检查当前项是否为函数
      if (!isFunction(currFunc)) {
        // 动态计算错误参数的位置：index是funcs数组的索引，对应整体参数的第index+2位
        throw new Error(`Provided argument at position ${index + 2} is not a function!`);
      }
      return currFunc(acc);
    }, value);
    return result;
  } catch (err) {
    // 按你的示例需求返回错误信息，若想直接抛出错误终止执行，可改为 throw err;
    return err.message;
  }
};
///////////////////////////////////////////////////////////////

// 测试函数保持不变
const replaceUnderscoreWithSpace = (value) => value.replace(/_/g, ' ');
const capitalize = (value) => value
  .split(' ')
  .map((val) => val.charAt(0).toUpperCase() + val.slice(1))
  .join(' ');
const appendGreeting = (value) => `Hello, ${value}!`;

// 测试错误场景：第三个参数是空字符串（对应位置3）
const error = pipe('john_doe', replaceUnderscoreWithSpace, '', appendGreeting);
alert(error); // 现在会显示 "Provided argument at position 3 is not a function!"

// 测试正常场景
const result = pipe('john_doe', replaceUnderscoreWithSpace, capitalize, appendGreeting);
alert(result); // Hello, John Doe!

关键修改说明 #

1. 修正错误抛出语法：使用new Error()创建标准错误对象，确保错误信息能被正确捕获和读取。
2. 动态计算错误位置：在reduce回调中加入index参数，通过index + 2计算出当前出错参数在整体参数列表中的真实位置，错误提示更准确。
3. 可选调整：直接抛出错误：如果你希望pipe函数遇到非函数参数时直接终止执行（而不是返回错误信息），可以去掉try-catch块，直接在判断不通过时抛出错误，调用时再用try-catch捕获：

const pipe = (value, ...funcs) => {
  return funcs.reduce(function (acc, currFunc, index) {
    if (!isFunction(currFunc)) {
      throw new Error(`Provided argument at position ${index + 2} is not a function!`);
    }
    return currFunc(acc);
  }, value);
};

// 调用时捕获错误
try {
  const error = pipe('john_doe', replaceUnderscoreWithSpace, '', appendGreeting);
} catch (err) {
  alert(err.message);
}

内容的提问来源于stack exchange，提问作者user9909961