JS new.target 运算符

🌙
手机阅读
本文目录结构

功能

new.target 属性允许你检测函数或构造方法是否是通过 new 运算符被调用的。在通过 new 运算符被初始化的函数或构造方法中,new.target 返回一个指向构造方法或函数的引用。在普通的函数调用中,new.target 的值是 undefined。

语法

new.target

描述

new.target 语法由一个关键字"new",一个点,和一个属性名"target"组成。通常"new.“的作用是提供属性访问的上下文,但这里"new.“其实不是一个真正的对象。不过在构造方法调用中,new.target 指向被 new 调用的构造函数,所以"new.“成为了一个虚拟上下文。

new.target 属性适用于所有函数访问的元属性。在 arrow functions 中,new.target 指向最近的外层函数的 new.target(An arrow function expression does not have its own this, arguments, super , or 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"

class C { constructor() { console.log(new.target); } }
class D extends C { constructor() { super(); } }

var c = new C(); // logs class C{constructor(){console.log(new.target);}}
var d = new D(); // logs class D extends C{constructor(){super();}}

从上面类 C 和 D 的例子可以看出来,new.target 指向的是初始化类的类定义。

比如当 D 通过 new 初始化的时候,打印出了 D 的类定义,C 的例子与之类似,打印出的是 C 的类定义。

规范

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

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了