陷阱，终于发现了 JavaScript 的陷阱

new 是 JavaScript 中用来创建新对象的语法糖。当您调用 new Function 时，您实际上是在创建一个新的函数对象。这个函数对象具有与其他函数对象相同的所有属性和方法，包括调用它时执行的代码。

陷阱就在这里。当您使用 new Function 创建函数时，函数的上下文（this）将被设置为全局对象（window）。这意味着当您在函数中引用 this 时，它实际上引用的是 window 对象。这可能会导致问题，因为您可能希望在函数中引用不同的对象。

例如，考虑以下代码：

function Person(name) {
  this.name = name;
}

var person = new Person('John Doe');

console.log(person.name); // "John Doe"

console.log(this.name); // "undefined"

在上面的示例中，Person 构造函数被调用并使用 new 关键字创建一个新的 Person 对象。然后，this.name 属性被设置为 John Doe，并且 person 变量被分配对新对象的引用。

当我们调用 console.log(person.name) 时，它正确地输出 "John Doe"。但是，当我们调用 console.log(this.name) 时，它输出 "undefined"。这是因为在 Person 构造函数中，this 引用的是 window 对象。

为了解决这个问题，您需要在 Person 构造函数中显式地将 this 设置为新创建的对象。您可以通过使用 call() 或 apply() 方法来实现。

function Person(name) {
  this.name = name;
}

var person = new Person('John Doe');

console.log(person.name); // "John Doe"

console.log(this.name); // "undefined"

Person.call(person, 'Jane Doe');

console.log(person.name); // "Jane Doe"

console.log(this.name); // "Jane Doe"

在上面的示例中，我们使用 call() 方法将 this 显式地设置为新创建的 Person 对象。这使得我们能够在 Person 构造函数中访问新创建的对象的属性。

您还可以使用 apply() 方法来显式地将 this 设置为新创建的对象。apply() 方法与 call() 方法类似，但它接受一个参数数组而不是一个参数列表。

function Person(name) {
  this.name = name;
}

var person = new Person('John Doe');

console.log(person.name); // "John Doe"

console.log(this.name); // "undefined"

Person.apply(person, ['Jane Doe']);

console.log(person.name); // "Jane Doe"

console.log(this.name); // "Jane Doe"

在上面的示例中，我们使用 apply() 方法将 this 显式地设置为新创建的 Person 对象。apply() 方法接受一个参数数组，该数组包含要传递给 Person 构造函数的参数。

通过使用 call() 或 apply() 方法，您可以在 Person 构造函数中显式地将 this 设置为新创建的对象。这使得您能够在 Person 构造函数中访问新创建的对象的属性。