JS 中的 new Function 语法

在 JavaScript 编程中，我们通常会遇到各种函数声明方式。本文记录一个不太常见但在某些情况下非常有用的方法——new Function 语法。

什么是 new Function？

new Function 是一种创建函数的方法，它允许我们从字符串中动态生成函数。这种方法的语法如下：

let func = new Function([arg1, arg2, ...argN], functionBody);

这里，arg1...argN 是函数的参数，functionBody 是函数体的字符串形式。

如何使用？

让我们通过一些例子来看看 new Function 的使用：

带有两个参数的函数：

let sum = new Function("a", "b", "return a + b");
alert(sum(1, 2)); // 3

没有参数的函数：

let sayHi = new Function('alert("Hello")');
sayHi(); // Hello

特殊之处

与其他声明方法相比，new Function 最大的不同在于它是在运行时创建的。这意味着它可以从服务器接收代码并执行：

let str = "动态地接收来自服务器的代码";
let func = new Function(str);
func();

闭包与 new Function

使用 new Function 创建的函数的 [[Environment]] 属性指向全局环境，而不是当前的词法环境。因此，这类函数无法访问外部变量，只能访问全局变量。

示例：

function getFunc() {
  let value = "test";
  let func = new Function("alert(value)");
  return func;
}

getFunc()(); // error: value is not defined

与常规行为相比：

function getFunc() {
  let value = "test";
  let func = function () {
    alert(value);
  };
  return func;
}

getFunc()(); // "test"

总结

new Function 提供了一种灵活的方法来创建函数，尤其是在需要从外部源动态加载代码时。它的特性使得函数与外部变量隔离，从而避免了潜在的命名冲突和压缩程序的问题。

记住，虽然 new Function 在某些情况下非常有用，但它也应该谨慎使用，以避免安全问题和性能影响。

希望这篇文章能帮助你更好地理解 new Function 语法，并在适当的时候加以应用。