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