new.target
属性允许你检测函数或构造方法是否通过是通过
new运算符被调用的。在通过new运算符被初始化的函数或构造方法中,new.target返回一个指向构造方法或函数的引用。在普通的函数调用中,new.target
的值是undefined
。语法
new.target
描述
new.target语法由一个关键字
"new
",一个点,和一个属性名
"target"组成。通常
"new.
"的作用是提供属性访问的上下文,但这里
"new.
"其实不是一个真正的对象。不过在构造方法调用中,new.target指向被new调用的构造函数,所以
"new.
"成为了一个虚拟上下文。
new.target属性是一个可以被所有函数访问的元属性。在
箭头函数中,new.target指向外围函数的
new.target。
实例
函数调用中的new.target
在普通的函数调用中(和作为构造函数来调用相对),new.target的值是
undefined
。这使得你可以检测一个函数是否是作为构造函数通过new被调用的。
function Foo() { if (!new.target) throw "Foo() must be called with new"; console.log("Foo instantiated with new"); } Foo(); // throws "Foo() must be called with new" new Foo(); // logs "Foo instantiated with new"
构造方法中的new.target
在类的构造方法中,new.target指向直接被new执行的构造函数。并且当一个父类构造方法在子类构造方法中被调用时,情况与之相同。
class A { constructor() { console.log(new.target.name); } } class B extends A { constructor() { super(); } } var a = new A(); // logs "A" var b = new B(); // logs "B"
规范
Specification | Status | Comment |
---|---|---|
ECMAScript 2015 (6th Edition, ECMA-262) Built-in Function Objects |
Standard | Initial definition. |
ECMAScript Latest Draft (ECMA-262) Built-in Function Objects |
Draft |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 46.0 | 41 (41) | 未实现 | 未实现 | 未实现 |
Feature | Android | Android Webview | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Basic support | 未实现 | 46.0 | 41.0 (41) | 未实现 | 未实现 | 未实现 | 46.0 |