es6中new.target的作用和使用場景簡單示例分析

更新時(shí)間：2020年03月14日 10:38:45 作者：qdmoment

這篇文章主要介紹了es6中new.target的作用和使用場景,結(jié)合簡單示例形式分析了es6中new.target的基本功能、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了es6中new.target的作用和使用場景。分享給大家供大家參考，具體如下：

有時(shí)候想寫出只能被繼承使用的類，這時(shí)候就要用到new.target

1 含義：

new.target返回使用new方法調(diào)用類時(shí)的類的名稱，子類繼承父類時(shí)，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的作用

------限制類的調(diào)用方法，判斷new.target是不是未定義

-----寫出只能被繼承使用的類

class Shape {
 constructor() {
  if (new.target === Shape) {
   throw new Error('本類不能實(shí)例化');
  }
 }
}

class Rectangle extends Shape {
 constructor(length, width) {
  super();
  // ...
 }
}

var x = new Shape(); // 報(bào)錯(cuò)
var y = new Rectangle(3, 4); // 正確

參考：http://es6.ruanyifeng.com/#docs/class

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

HTML5+Canvas實(shí)現(xiàn)圖片添加水印功能
在現(xiàn)代Web開發(fā)中,圖像處理是一個(gè)常見的需求,尤其是為圖片添加水印,下面我們就來看看如何使用HTML5的Canvas技術(shù)為圖片添加水印,需要的可以了解下
2024-11-11
詳解Javascript數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則
本文主要介紹了Javascript的基本數(shù)據(jù)類型和數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則。具有很好的參考價(jià)值，需要的朋友可以看下
2016-12-12
關(guān)于Mozilla瀏覽器不支持innerText的解決辦法
在各大瀏覽器中，除Mozilla瀏覽器外，幾乎都支持一個(gè)元素的屬性：innerText。我們可以通過它來快速獲取某個(gè)元素的內(nèi)的文本。
2011-01-01
引入autocomplete組件時(shí)JS報(bào)未結(jié)束字符串常量錯(cuò)誤
在引入jQuery的autocomplete組件時(shí)，遇到j(luò)s報(bào)未結(jié)束字符串常量錯(cuò)誤，原因及解決方法如下，大家可以參考下
2014-03-03
微信小程序?qū)崿F(xiàn)預(yù)約生成二維碼功能
通過點(diǎn)擊預(yù)約按鈕即可生成二維碼憑碼入校參觀,下面小編通過實(shí)例代碼講解微信小程序?qū)崿F(xiàn)預(yù)約生成二維碼功能,感興趣的朋友跟隨小編一起看看吧
2024-04-04
編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)
編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)分享給大家，感興趣的小伙伴們可以參考一下
2016-03-03
JS控制圖片翻轉(zhuǎn)示例代碼(兼容firefox,ie,chrome)
本篇文章主要介紹了JS控制圖片翻轉(zhuǎn)示例代碼(兼容firefox,ie,chrome) 需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
談?wù)凧SON對象和字符串之間的相互轉(zhuǎn)換JSON.stringify(obj)和JSON.parse(string)
這篇文章主要介紹了談?wù)凧SON對象和字符串之間的相互轉(zhuǎn)換JSON.stringify(obj)和JSON.parse(string)以及JSON的parse()和stringfy()方法詳解，感興趣的朋友一起看看吧
2015-10-10
詳解Javascript繼承的實(shí)現(xiàn)
這篇文章主要介紹了詳解Javascript繼承的實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2016-03-03
JS回調(diào)函數(shù)原理與用法詳解【附PHP回調(diào)函數(shù)】
這篇文章主要介紹了JS回調(diào)函數(shù)原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript回調(diào)函數(shù)的概念、原理、用法,并給出了PHP回調(diào)函數(shù)的使用示例,需要的朋友可以參考下
2019-07-07