你不知道的new.target
栏目: JavaScript · 发布时间: 5年前
内容简介:es6(这里说一下,Person被继承之后,new.target不再指向Peoson,会指向子类的构造函数)——end——
前几天在复看es6的时候看到这个东西(new.target),个人觉得挺好的,然后想跟大家分享一下
什么是new.targer?它有什么用?它能干什么?
- new.target是es6新增加的一个东西,它返回的是某个构造函数或者是undefined。
- new.target可以判断构造函数是new实例化的还是直接调用的,如果是通过new实例化的,会返回这个构造函数,如果直接调用的,返回的就是undefined。
- 如果通过es5写构造函数的时候,可以通过new.target返回的值,确保构造函数是通过new实例化,而不是直接调用;如果通过es6写构造类的时候,也可以通过new.target返回的值,确保祖先类只能被继承,不猛被实例化。
es5
function Person(name){ if(new.target === undefined){ throw new Error("必须通过new来实例化") } this.name = name; } //如果不通过new实例化的话,直接报错 var Jack = Person("su")
es6(这里说一下,Person被继承之后,new.target不再指向Peoson,会指向子类的构造函数)
class Person{ constructor(name) { if(new.target === Person){ throw new Error("该类只能继承不能被实例化") } this.name = name } } // Person实例化直接报错 class July extends Person{ constructor(name,age){ super(name), this.age = age } eat(){ console.log(this.age,this.name) } } var Jack = new July("su",21)
——end——
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 谈谈大家想知道的、不知道的SDN
- 你知道和你不知道的冒泡排序
- JS数组中那些你知道或不知道的
- 掌握Python列表理解需要知道的9件事,你知道吗?
- 你所知道或不知道的CSS content属性
- 前端程序员不知道的14个JavaScript调试技巧,你知道几个?
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。