es6中new.target的作用和使用場景簡單示例分析
本文實例講述了es6中new.target的作用和使用場景。分享給大家供大家參考，具體如下：
有時候想寫出只能被繼承使用的類，這時候就要用到new.target
1 含義：
new.target返回使用new方法調(diào)用類時的類的名稱，子類繼承父類時，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('本類不能實例化');
}
}
}
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測試上述代碼運行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
在現(xiàn)代Web開發(fā)中,圖像處理是一個常見的需求,尤其是為圖片添加水印,下面我們就來看看如何使用HTML5的Canvas技術(shù)為圖片添加水印,需要的可以了解下2024-11-11
詳解Javascript數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則
本文主要介紹了Javascript的基本數(shù)據(jù)類型和數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則。具有很好的參考價值，需要的朋友可以看下2016-12-12
關(guān)于Mozilla瀏覽器不支持innerText的解決辦法
在各大瀏覽器中，除Mozilla瀏覽器外，幾乎都支持一個元素的屬性：innerText。我們可以通過它來快速獲取某個元素的內(nèi)的文本。2011-01-01
引入autocomplete組件時JS報未結(jié)束字符串常量錯誤
在引入jQuery的autocomplete組件時，遇到j(luò)s報未結(jié)束字符串常量錯誤，原因及解決方法如下，大家可以參考下2014-03-03
微信小程序?qū)崿F(xiàn)預(yù)約生成二維碼功能
通過點擊預(yù)約按鈕即可生成二維碼憑碼入校參觀,下面小編通過實例代碼講解微信小程序?qū)崿F(xiàn)預(yù)約生成二維碼功能,感興趣的朋友跟隨小編一起看看吧2024-04-04
編寫高質(zhì)量JavaScript代碼的基本要點分享給大家，感興趣的小伙伴們可以參考一下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繼承的實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-03-03
JS回調(diào)函數(shù)原理與用法詳解【附PHP回調(diào)函數(shù)】
這篇文章主要介紹了JS回調(diào)函數(shù)原理與用法,結(jié)合實例形式詳細分析了JavaScript回調(diào)函數(shù)的概念、原理、用法,并給出了PHP回調(diào)函數(shù)的使用示例,需要的朋友可以參考下2019-07-07