怎么使用ES6中new target属性

这篇文章主要介绍“怎么使用ES6中new target属性”，在日常操作中，相信很多人在怎么使用ES6中new target属性问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”怎么使用ES6中new target属性”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

　　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

到此，关于“怎么使用ES6中new target属性”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！