javascript - 函数构造函数与 eval

Question

我在 MDN docs 上偶然发现了这一点关于函数

The Function constructor creates a new Function object. Calling the constructor directly can create functions dynamically, but suffers from security and similar (but far less significant) performance issues to eval. However, unlike eval, the Function constructor creates functions which execute in the global scope only.

有人可以解释一下什么是函数构造函数以及什么是 eval 吗？或者换句话说，有人可以提前向我解释一下上述说法吗？

Answer 1

这本质上意味着 new Function('...') 和 eval('...') 以类似的方式工作，从某种意义上说，它们会将参数中的字符串计算为 JS 表达式。但是，它们有不同的范围规则:

• new Function() 只能访问全局范围
• eval() 可以访问本地范围

一个例子是这样的:

• 您创建一个函数，例如 f，即 new Function('console.log(x)')，然后调用它。无论调用哪个作用域 f()，它都会始终在全局作用域上记录 x 的值
• 您有eval('console.log(x)')。 x 的值取决于 eval() 所在的范围:

const x = 'global x';
const f = new Function('console.log(x)');

f(); // logs 'global x'
eval('console.log(x)'); // logs 'global x'

// Let's create a function scope
function test() {
  const x = 'local x';
  const f = new Function('console.log(x)');

  f(); // logs 'global x'
  eval('console.log(x)'); // logs 'local x';
}
test();