Angular中使用new Function传递大量自定义函数的最优方案咨询

针对你遇到的「用new Function执行自定义脚本时，传入大量工具函数导致代码杂乱或调用繁琐」的问题，这里提供几个更优的实现方案：

方案1：将工具函数打包为统一对象注入（推荐） #

把所有自定义函数整合到一个对象中，仅需向new Function传入这一个对象参数，脚本内通过对象属性调用函数，兼顾整洁性和调用便捷性。

代码示例：

// 统一管理所有工具函数
const scriptUtils = {
  calculateSum: (a: number, b: number) => a + b,
  calculateProduct: (a: number, b: number) => a * b,
  formatDate: (date: Date) => date.toLocaleDateString(),
  // ... 其余50+个函数
};

// 自定义脚本内容，直接通过对象调用函数
const userScript = `
  const sum = scriptUtils.calculateSum(10, 20);
  const product = scriptUtils.calculateProduct(5, 6);
  console.log('计算结果：', sum, product);
`;

// 创建执行函数并传入工具对象
const runScript = new Function('scriptUtils', userScript);
runScript(scriptUtils);

• 优势：仅需传递一个参数，代码结构清晰；函数调用方式直观，无需嵌套前缀；工具函数统一维护，便于后续扩展或修改。

方案2：动态生成函数参数列表（无前缀调用） #

如果希望脚本内直接使用函数名（无需对象前缀），可以通过代码动态提取函数名和对应引用，自动生成new Function的参数列表和执行逻辑，避免手动编写大量参数。

代码示例：

const scriptUtils = {
  calculateSum: (a: number, b: number) => a + b,
  calculateProduct: (a: number, b: number) => a * b,
  // ... 其余函数
};

// 提取函数名和对应的函数引用
const funcNames = Object.keys(scriptUtils);
const funcReferences = Object.values(scriptUtils);

// 脚本内直接使用函数名
const userScript = `
  const sum = calculateSum(10, 20);
  const product = calculateProduct(5, 6);
  console.log('计算结果：', sum, product);
`;

// 动态创建Function，传入所有函数名作为参数
const runScript = new Function(...funcNames, userScript);
// 传入对应的函数引用
runScript(...funcReferences);

• 优势：脚本内调用最简洁，无任何前缀；参数列表通过代码自动生成，无需手动维护50+个参数；
• 注意：函数名需避免与脚本内的变量名冲突，否则会覆盖脚本内的局部变量。

方案3：谨慎使用with语句（不推荐） #

通过with语句将工具对象的属性暴露到脚本作用域，实现无前缀调用，但该方式存在性能和可读性问题，且严格模式下被禁用，仅作备选。

代码示例：

const scriptUtils = {
  calculateSum: (a: number, b: number) => a + b,
  calculateProduct: (a: number, b: number) => a * b,
};

const userScript = `
  with(scriptUtils) {
    const sum = calculateSum(10, 20);
    const product = calculateProduct(5, 6);
    console.log('计算结果：', sum, product);
  }
`;

const runScript = new Function('scriptUtils', userScript);
runScript(scriptUtils);

• 注意：with会让JavaScript引擎无法优化代码，导致性能下降；同时会降低代码可读性，增加变量冲突风险，除非特殊场景不建议使用。

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