Javascript - 请问可以new一个箭头函数吗？
🚐new操作符的步骤
在JavaScript中，new 操作符用于创建一个对象实例，具体来说，它会执行以下几步操作：
-
创建一个新对象： 创建一个新的空对象，且这个对象的 __proto__ 属性会被设置为构造函数的 prototype 属性。
-
设置原型链： 将这个新对象的 __proto__ 属性指向构造函数的 prototype 属性，从而实现新对象继承构造函数的原型方法和属性。
-
绑定 this 并执行构造函数： 将构造函数中的 this 绑定到这个新对象上，并执行构造函数，传递给构造函数的参数也会传递到此函数中。
-
返回新对象： 如果构造函数显式地返回一个对象，那么这个对象将作为 new 表达式的结果返回。否则，返回步骤1中创建的新对象。
以下是用代码详细描述这些步骤：
function myNew(constructor, ...args) {
// 1. 创建一个新对象
const obj = {};
// 2. 设置原型链
Object.setPrototypeOf(obj, constructor.prototype);
// 3. 绑定 this 并执行构造函数
const result = constructor.apply(obj, args);
// 4. 返回新对象
return result instanceof Object ? result : obj;
}
// 示例构造函数
function Person(name, age) {
this.name = name;
this.age = age;
}
const person = myNew(Person, 'John', 30);
console.log(person.name); // John
console.log(person.age); // 30
让我们一步一步来理解 new 操作符执行的这些步骤：
🤦♀️创建一个新对象：
const obj = {};
🤦♀️设置原型链：
Object.setPrototypeOf(obj, constructor.prototype);
或者在现代浏览器中可以直接使用：
obj.__proto__ = constructor.prototype;
🤦♀️绑定 this 并执行构造函数：
const result = constructor.apply(obj, args);
这里 apply 方法用于将 this 绑定到新创建的对象上，并传递参数给构造函数。
🤦♀️返回新对象：
return result instanceof Object ? result : obj;
如果构造函数返回一个对象，则返回该对象；否则，返回新创建的对象。
这种模拟 new 操作符的实现有助于深入理解它的工作原理。总的来说，new 操作符在创建对象的过程中，主要负责设置对象的原型链、执行构造函数以及返回新对象。
🚐那么箭头函数在本小节中又有哪些表现或者特征呢？
ES6引入的箭头函数（Arrow Functions）具有一些独特的特征，使它们在特定场景下比传统函数更加简洁和方便。以下是箭头函数的主要特征：
🤦♀️1 没有自己的 this 绑定
箭头函数没有自己的 this 值，它会捕获上下文中的 this 值（即定义时的 this），而不是调用时的 this。这意味着在箭头函数中，this 始终指向它外部作用域的 this。
function Person() {
this.age = 0;
setInterval(() => {
this.age++; // `this` 正确指向 Person 对象
console.log(this.age);
}, 1000);
}
const p = new Person();
🤦♀️2 没有 arguments 对象
箭头函数没有自己的 arguments 对象。如果需要使用 arguments，可以使用 rest 参数（...args）代替。
const sum = (...args) => args.reduce((a, b) => a + b, 0); console.log(sum(1, 2, 3)); // 6
🤦♀️3 不能用作构造函数
箭头函数不能使用 new 关键字调用，因为它们没有 [[Construct]] 方法，不支持 new 操作符。
const Foo = () => {};
const bar = new Foo(); // TypeError: Foo is not a constructor
🚐总结
由此可见，箭头函数哇，设置原型链 和 绑定 this 并执行构造函数 这两步无法达成，或者说实现不了。
但这完全不影响我们在前端项目中开心的使用箭头函数，你说你没事干new他干啥，面试官你非瞎问这个干啥。直接弄出个项目，你就让他干，考察一下，差不多得了呗，非有的没的瞎问。
