时间:2021-05-28
本文实例讲述了es6中new.target的作用和使用场景。分享给大家供大家参考,具体如下:
有时候想写出只能被继承使用的类,这时候就要用到new.target
1 含义:
new.target返回使用new方法调用类时的类的名称,子类继承父类时,new.target会返回子类
class Rectangle { constructor(length, width) { console.log(new.target === Rectangle); // ... }}class Square extends Rectangle { constructor(length) { super(length, length); }}var obj = new Square(3); // 输出 false2 new.target的作用
------限制类的调用方法,判断new.target是不是未定义
-----写出只能被继承使用的类
class Shape { constructor() { if (new.target === Shape) { throw new Error('本类不能实例化'); } }}class Rectangle extends Shape { constructor(length, width) { super(); // ... }}var x = new Shape(); // 报错var y = new Rectangle(3, 4); // 正确参考:http://es6.ruanyifeng.com/#docs/class
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在NodeJS中启用ES6(harmony)版本:开始吧,Linux下启用来源:http://h3manth.com/new/blog/2013/es6-on-
使用ES6语法重构React组件在AirbnbReact/JSXStyleGuide中,推荐使用ES6语法来编写react组件。下面总结一下使用ES6class
使用es6中装装饰器能做很多事情,今天分享一种在angular使用装饰器进行方法调用缓存的功能。应用场景是这样的,在前端工作中,会有一些经常使用的方法经常被调用
本文实例讲述了ES6使用let命令更简单的实现块级作用域。分享给大家供大家参考,具体如下:let带来了更简单的块级作用域1.ES6新增了let命令,用于声明变量
ES6——let和const命令引言本文主要讲解ES6中变量的相关操作,变量的命名,讲解var、let、const三者的区别正文ES6中的let和const都是