ES6中new.target在哪些场景下使用?如何分析其作用?

更新于
2026-09-26 19:11:33
3阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计393个文字,预计阅读时间需要2分钟。

ES6中new.target在哪些场景下使用?如何分析其作用?

原文示例:本文实例讲述了ES6中new.target的作用和使用场景。分享给广大家长和专家参考,具体如下:有时想写出一个只能被继承使用的类,这时候就要用到位new.target+1。含义:new.target返回使用new方法调用的构造函数。

改写后的内容:本文通过实例说明ES6中new.target的作用和适用情况。供家长和专家参考,具体内容为:若想创建一个仅能被继承的类,需使用new.target。其意义在于:new.target指向使用new关键字调用的构造函数。

本文实例讲述了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的作用

ES6中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); // 正确

参考:es6.ruanyifeng.com/#docs/class

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

本文共计393个文字,预计阅读时间需要2分钟。

ES6中new.target在哪些场景下使用?如何分析其作用?

原文示例:本文实例讲述了ES6中new.target的作用和使用场景。分享给广大家长和专家参考,具体如下:有时想写出一个只能被继承使用的类,这时候就要用到位new.target+1。含义:new.target返回使用new方法调用的构造函数。

改写后的内容:本文通过实例说明ES6中new.target的作用和适用情况。供家长和专家参考,具体内容为:若想创建一个仅能被继承的类,需使用new.target。其意义在于:new.target指向使用new关键字调用的构造函数。

本文实例讲述了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的作用

ES6中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); // 正确

参考:es6.ruanyifeng.com/#docs/class

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。