es6中new.target的作用和使用場景簡單示例分析
更新時間：2020年03月14日 10:38:45 作者：qdmoment
這篇文章主要介紹了es6中new.target的作用和使用場景,結(jié)合簡單示例形式分析了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)文章
這篇文章主要介紹了理解JavaScript設(shè)計模式中的單例模式，單例模式即Singleton?Pattern是最簡單的設(shè)計模式之一，下文更多相關(guān)介紹感興趣的小伙伴可以參考一下2022-04-04
unapp微信小程序轉(zhuǎn)發(fā)分享及攜帶參數(shù)的2種方式
這篇文章主要給大家介紹了關(guān)于unapp微信小程序轉(zhuǎn)發(fā)分享及攜帶參數(shù)的2種方式,我們在微信小程序中經(jīng)常會使用到分享商品海報,或者是重繪微信小程序分享鏈的圖片功能,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了微信小程序時間軸組件,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
微信小程序?qū)崿F(xiàn)長按 識別圖片二維碼(兩種方案)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)長按 識別圖片二維碼(兩種方案),第一種方案只需要在image里面加一個屬性就可以了,本文結(jié)合實例代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01
js DataSet數(shù)據(jù)源處理代碼，需要的朋友可以參考下。2010-03-03
JS自帶一套內(nèi)存管理引擎,負責創(chuàng)建對象、銷毀對象,以及垃圾回收,下面這篇文章主要給大家介紹了關(guān)于JavaScript垃圾回收機制的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2021-11-11
本篇文章主要介紹了javascript將url解析為json格式的兩種方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了JavaScript中的數(shù)學運算介紹,本文先是講解了數(shù)學運算的一些知識,然后給出了操作實例,需要的朋友可以參考下2014-12-12
下面小編就為大家?guī)硪黄狫S原生帶小白點輪播圖實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
最近做歌一個小項目，但是要放到我們的app上，然而需要橫豎屏使用不同的樣式，本文就來介紹一下js判斷移動端橫豎屏視口檢測實現(xiàn)的幾種方法，感興趣的可以了解一下2021-07-07