扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要介绍“怎么使用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属性”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网