随着前端技术的不断发展，JavaScript 语言也在不断地升级和完善。ES6、ES7、ES8、ES9、ES10 和 ES11 已经相继发布，而 ES12 也在不久的将来即将问世。在 ES12 中，新加入了一个名为 new.target 的属性，它可以让我们更加方便地处理类的继承和实例化。本文将详细介绍 new.target 属性的应用和优势，并提供一些示例代码来帮助读者更好地理解。
什么是 new.target 属性？
new.target 属性是 ES12 中新增加的一个元属性，它可以用来判断一个函数或方法是否是通过 new 关键字调用的。在构造函数中，new.target 指向当前构造函数本身；在子类的构造函数中，new.target 指向子类的构造函数。如果一个函数不是通过 new 关键字调用的，new.target 属性的值为 undefined。
new.target 属性的应用
类的继承
在 ES6 中，我们可以使用 extends 关键字来实现类的继承。但是，在子类的构造函数中，我们需要调用 super() 方法来调用父类的构造函数。如果我们没有调用 super() 方法，就会抛出一个错误。而在 ES12 中，我们可以使用 new.target 属性来判断当前函数是否是通过 new 关键字调用的，从而避免这种错误的发生。下面是一个示例代码：
// javascriptcn.com 代码示例
class Animal {
constructor() {
console.log(new.target);
if (new.target === Animal) {
throw new Error('Animal cannot be instantiated directly');
}
}
}
class Cat extends Animal {
constructor() {
super();
}
}
new Animal(); // Error: Animal cannot be instantiated directly
new Cat(); // Cat {}在上面的示例代码中，Animal 类的构造函数中使用了 new.target 属性来判断当前函数是否是通过 new 关键字调用的。如果是，就会抛出一个错误。而 Cat 类继承了 Animal 类，并调用了 super() 方法来调用父类的构造函数。由于 Cat 类是通过 new 关键字调用的，所以 new.target 属性的值为 Cat，不会抛出错误。
类的实例化
在 ES12 中，我们可以使用 new.target 属性来实现类的实例化。下面是一个示例代码：
// javascriptcn.com 代码示例
class Animal {
constructor() {
console.log('Animal instantiated');
}
}
class Cat extends Animal {
constructor() {
super();
console.log('Cat instantiated');
}
}
function instantiate(Class) {
return new Class();
}
instantiate(Cat); // Animal instantiated, Cat instantiated在上面的示例代码中，我们定义了一个名为 instantiate 的函数，它接受一个类作为参数，并返回该类的实例。在函数内部，我们使用 new 关键字来实例化该类，并且使用 new.target 属性来判断当前函数是否是通过 new 关键字调用的。由于 new.target 属性的值为 Cat，所以实例化的对象是 Cat 类的实例。
new.target 属性的优势
使用 new.target 属性可以让我们更加方便地处理类的继承和实例化。它可以帮助我们避免一些错误，提高代码的可读性和可维护性。
总结
ES12 中的 new.target 属性是一个非常有用的元属性，它可以帮助我们更加方便地处理类的继承和实例化。在类的继承中，我们可以使用 new.target 属性来判断当前函数是否是通过 new 关键字调用的；在类的实例化中，我们可以使用 new.target 属性来实现类的实例化。通过使用 new.target 属性，我们可以避免一些错误，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65741717d2f5e1655dd510c2