new是构造函数生成实例的命令,ES6为new命令引入了new.target属性。这个属性用于确定构造函数是怎么调用的。在构造函数中,如果一个构造函数不是通过new操作符调用的,new.target会返回undefined。
new.target属性使用场景
如果一个构造函数不通过new命令生成实例,就报错提醒
es5中是这样做的:
functionShape(options){
if(thisinstanceofShape){
this.options=options
}else{
//要么手动给它创建一个实例并返回
//returnnewShape(options)
//要么提醒
thrownewError('Shape构造函数必须使用new操作符')
}
}
es6中可以这样做:
functionShape(options){
//if(new.target!=='undefined'){}必须要在constructor中使用new.target,在这里判断会报错
constructor(options){
if(new.target!=='undefined'){
this.options=options
}else{
thrownewError('必须使用new操作符')
}
}
}
以上代码通过new.target属性判断返回的是不是undefined即可知道这个构造函数是不是通过new操作符调用
new.target属性怎么用
一个构造函数只能用于子类继承,自身不能new
new.target这个属性,当子类继承父类会返回子类的构造函数名称
classParent{
constructor(){
console.log(new.target)
}
}
classChildextendsParent{
constructor(){
super()
}
}
//Child
总之，以上代码Child子类继承父类,那么父类构造函数中的new.target是子类构造函数的名称。