es6中new.target的作用和使用场景简单示例分析
更新时间：2020年03月14日 10:38:45 作者：qdmoment
这篇文章主要介绍了es6中new.target的作用和使用场景,结合简单示例形式分析了es6中new.target的基本功能、原理、使用方法及操作注意事项,需要的朋友可以参考下
本文实例讲述了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); // 输出 false
2 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程序设计有所帮助。
相关文章
在现代Web开发中,图像处理是一个常见的需求,尤其是为图片添加水印,下面我们就来看看如何使用HTML5的Canvas技术为图片添加水印,需要的可以了解下2024-11-11
本文主要介绍了Javascript的基本数据类型和数据类型的转换规则。具有很好的参考价值，需要的朋友可以看下2016-12-12
在各大浏览器中，除Mozilla浏览器外，几乎都支持一个元素的属性：innerText。我们可以通过它来快速获取某个元素的内的文本。2011-01-01
引入autocomplete组件时JS报未结束字符串常量错误
在引入jQuery的autocomplete组件时，遇到js报未结束字符串常量错误，原因及解决方法如下，大家可以参考下2014-03-03
通过点击预约按钮即可生成二维码凭码入校参观,下面小编通过实例代码讲解微信小程序实现预约生成二维码功能,感兴趣的朋友跟随小编一起看看吧2024-04-04
编写高质量JavaScript代码的基本要点分享给大家，感兴趣的小伙伴们可以参考一下2016-03-03
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
本篇文章主要介绍了JS控制图片翻转示例代码(兼容firefox,ie,chrome) 需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
这篇文章主要介绍了谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)以及JSON的parse()和stringfy()方法详解，感兴趣的朋友一起看看吧2015-10-10
这篇文章主要介绍了详解Javascript继承的实现的相关资料,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了JS回调函数原理与用法,结合实例形式详细分析了JavaScript回调函数的概念、原理、用法,并给出了PHP回调函数的使用示例,需要的朋友可以参考下2019-07-07
最新评论