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程序设计有所帮助。

您可能感兴趣的文章:

• 利用es6 new.target来对模拟抽象类的方法
• js es6系列教程 - 基于new.target属性与es5改造es6的类语法
• ES6中new Function()语法及应用实例分析
• JavaScript学习笔记之ES6数组方法
• ES6中Array.includes()函数的用法
• 详解JavaScript ES6中的模板字符串
• JavaScript中ES6 Babel正确安装过程
• JavaScript ES6中CLASS的使用详解
• ES6中新增的Object.assign()方法详解
• 浅谈ES6 模板字符串的具体使用方法