JavaScript is new.target 元属性

ES6 提供了一个名为 new.target 的元属性，用于标识函数或构造函数是否使用 new 运算符执行。target 属性、点运算符和 new 关键字共同构成了 new.target 对象。所有方法都可以访问 new.target 元属性。

相比之下，箭头函数中的 new.target 指的是与之相关的函数。使用 new.target 属性可以在执行时检查函数是作为普通函数还是作为构造函数执行。new 运算符可以从父类内部使用，以识别被调用的特定派生类。

语法

下面的语法展示了一个新的 JavaScript target 属性。

这是与 script 标签一起使用的简单函数。

示例

多个示例展示了 new.target 属性的不同用法。

示例 1

下面的示例展示了一个基本的 JavaScript new target 属性。您可以通过该属性获取给定函数的输出消息。

输出

下图显示了函数的有关信息。

示例 2

下面的示例展示了一个基本的 JavaScript new target 属性。您可以通过网页的 target 名称获取给定函数的输出消息。

输出

下图显示了函数的 target 信息。

示例 3

下面的示例展示了一个基本的 JavaScript new target 属性。您可以通过 new 运算符使用该属性获取给定函数的输出消息。在这里，我们在 Web 应用程序的 script 标签中使用类以及构造函数功能。

输出

下图显示了函数的有关信息。

示例 4

下面的示例展示了一个基本的 JavaScript new target 属性。您可以通过不使用 new 运算符来获取给定函数的输出消息。在这里，我们使用 onclick 函数的构造函数来获取所需的输出数据。

输出

下图显示了函数的有关信息。

示例 5

下面的示例展示了一个基本的 JavaScript new target 属性。您可以通过构造函数使用该属性获取给定函数的输出消息。您可以扩展该函数并调用 new target 属性作为一个构造函数。

输出

下图显示了函数的有关信息。

结论

新的 JavaScript target 属性会获取函数中可用的构造函数和方法。它有助于了解 Web 应用程序中可用的方法。