亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

利用 es6 new.target 來(lái)對(duì)模擬抽象類

k00baa / 3556人閱讀

摘要：類似于實(shí)現(xiàn)的抽象類。其他代碼公公但是抽象類抽象方法需要重寫(xiě)，這個(gè)是沒(méi)有方案的。于是在測(cè)試與使用的過(guò)程中，卻意外發(fā)現(xiàn)了超類可以在構(gòu)造期間訪問(wèn)派生類的原型，利用起來(lái)。

起源

最近在使用 Symbol 來(lái)做為唯一值，發(fā)現(xiàn) Symbol 無(wú)法進(jìn)行 new 操作，只能當(dāng)作函數(shù)使用，只要進(jìn)行了new 就會(huì)發(fā)生類型錯(cuò)誤

new Symbol()

// error
Uncaught TypeError: Symbol is not a constructor
    at new Symbol ()
    at :1:1

在不考慮底層實(shí)現(xiàn)的情況下，在代碼層面是否能夠?qū)崿F(xiàn)一個(gè)函數(shù)只可以進(jìn)行調(diào)用而不可以進(jìn)行 new 操作呢？思考之后如下寫(xiě)出：

function disConstructor() {
  if (this !== window) {
    throw new TypeError(" disConstructor is not a constructor")
  }
  console.log("gogo go")
}

// 測(cè)試結(jié)果如下
disConstructor() // gogo go

new disConstructor()

// error
Uncaught TypeError:  disConstructor is not a constructor
    at new disConstructor (:3:15)
    at :1:1

如果使用 nodejs,window 可以切換為 global, 代碼運(yùn)行結(jié)果不變,因?yàn)閷?duì)于個(gè)人而言沒(méi)有適用場(chǎng)景。于是就沒(méi)有繼續(xù)研究下去，可是最近在從新翻閱 es6 時(shí)候發(fā)現(xiàn) new.target這個(gè)屬性。

new.target 屬性 介紹(引用 mdn 文檔)

new.target屬性允許你檢測(cè)函數(shù)或構(gòu)造方法是否是通過(guò)new運(yùn)算符被調(diào)用的。
在通過(guò)new運(yùn)算符被初始化的函數(shù)或構(gòu)造方法中，new.target返回一個(gè)指向構(gòu)造方法或函數(shù)的引用。在普通的函數(shù)調(diào)用中，new.target 的值是undefined。

這樣的話 我們的代碼就可以這樣改為

function disConstructor() {
  // 普通的函數(shù)調(diào)用中，new.target 的值是undefined。
  if (new.target) {
    throw new TypeError(" disConstructor is not a constructor")
  }
  console.log("gogo go")
}

得到與上述代碼一樣的答案。

深入

難道 es6 特地添加的功能僅僅只能用于檢查一下我們的函數(shù)調(diào)用方式嗎？
在查閱的過(guò)程各種發(fā)現(xiàn)了大多數(shù)都方案都是用 new.target 寫(xiě)出只能被繼承的類。類似于實(shí)現(xiàn)java的抽象類。

class Animal {
  constructor(name, age) {
    if (new.target === Animal) {
      throw new Error("Animal class can`t instantiate");
    }
    this.name = name
    this.age = age
  }
  // 其他代碼
  ...
}

class Dog extends Animal{
  constructor(name, age, sex) {
    super(name, age)
    this.sex = sex
  }
}

new Animal()
// error
Uncaught Error: Animal class can`t instantiate
    at new Animal (:4:13)
    at :1:1

new Dog("mimi", 12, "公")
// Dog?{name: "mimi", age: 12, sex: "公"}

但是 java抽象類抽象方法需要重寫(xiě)，這個(gè)是沒(méi)有方案的。于是在測(cè)試與使用的過(guò)程中，卻意外發(fā)現(xiàn)了超類可以在構(gòu)造期間訪問(wèn)派生類的原型，利用起來(lái)。

class Animal {
  constructor(name, age) {
    console.log(new.target.prototype)
  }
  // 其他代碼
  ...
}

之前運(yùn)行時(shí)調(diào)用需要重寫(xiě)的方法報(bào)錯(cuò)是這樣寫(xiě)的。

class Animal {
  constructor(name, age) {
    this.name = name
    this.age = age
  }

  getName () {
    throw new Error("please overwrite getName method")
  }
}

class Dog extends Animal{
  constructor(name, age, sex) {
    super(name, age)
    this.sex = sex
  }
}

const pite = new Dog("pite", 2, "公")
a.getName()
// error
Uncaught Error: please overwrite getName method
    at Dog.getName (:8:11)
    at :1:3

然而此時(shí)利用 new.target ，我就可以利用 構(gòu)造期間 對(duì)子類進(jìn)行操作報(bào)錯(cuò)。

class Animal {
  constructor(name, age) {
    // 如果 target 不是 基類 且 沒(méi)有 getName 報(bào)錯(cuò)
    if (new.target !== Animal && !new.target.prototype.hasOwnProperty("getName")) {
      throw new Error("please overwrite getName method")
    }
    this.name = name
    this.age = age
  }
}

class Dog extends Animal{
  constructor(name, age, sex) {
    super(name, age)
    this.sex = sex
  }
}

const pite = new Dog("pite", 2, "公")
// error
Uncaught Error: please overwrite getName method
    at new Animal (:5:13)
    at new Dog (:14:5)
    at :1:1

此時(shí)可以把運(yùn)行方法時(shí)候發(fā)生的錯(cuò)誤提前到構(gòu)造時(shí)期，雖然都是在運(yùn)行期，但是該錯(cuò)誤觸發(fā)機(jī)制要早危害要大。反而對(duì)代碼是一種保護(hù)。

當(dāng)然了，利用超類可以在構(gòu)造期間訪問(wèn)派生類的原型作用遠(yuǎn)遠(yuǎn)不是那么簡(jiǎn)單，必然是很強(qiáng)大的，可以結(jié)合業(yè)務(wù)場(chǎng)景談一談理解和作用。

其他方案

增加 編輯器插件
proxy
修飾器

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/110214.html

相關(guān)文章

  • 【ES6】更易于繼承的類語(yǔ)法

    摘要：的類使用熟悉的關(guān)鍵字指定類繼承的函數(shù)，并且可以通過(guò)方法訪問(wèn)父類的構(gòu)造函數(shù)。例如繼承一個(gè)的類繼承了，術(shù)語(yǔ)上稱為基類，為派生類。例如注意到上例中，不僅是派生類的實(shí)例，也是派生類的實(shí)例，內(nèi)建對(duì)象繼承的實(shí)用之處是改變返回對(duì)象的類型。 和其它面向?qū)ο缶幊陶Z(yǔ)言一樣，ES6 正式定義了 class 類以及 extend 繼承語(yǔ)法糖，并且支持靜態(tài)、派生、抽象、迭代、單例等，而且根據(jù) ES6 的新特性衍...

    Lionad-Morotar 評(píng)論0 收藏0

  • 從ES6重新認(rèn)識(shí)JavaScript設(shè)計(jì)模式(二): 工廠模式

    摘要：簡(jiǎn)單工廠模式簡(jiǎn)單工廠模式又叫靜態(tài)工廠模式，由一個(gè)工廠對(duì)象決定創(chuàng)建某一種產(chǎn)品對(duì)象類的實(shí)例。工廠方法模式工廠方法模式的本意是將實(shí)際創(chuàng)建對(duì)象的工作推遲到子類中，這樣核心類就變成了抽象類。抽象工廠模式一般用在 1 什么是工廠模式? 工廠模式是用來(lái)創(chuàng)建對(duì)象的一種最常用的設(shè)計(jì)模式。我們不暴露創(chuàng)建對(duì)象的具體邏輯，而是將將邏輯封裝在一個(gè)函數(shù)中，那么這個(gè)函數(shù)就可以被視為一個(gè)工廠。工廠模式根據(jù)抽象程度的不...

    Reducto 評(píng)論0 收藏0

  • 從ES6重新認(rèn)識(shí)JavaScript設(shè)計(jì)模式(二): 工廠模式

    摘要：簡(jiǎn)單工廠模式簡(jiǎn)單工廠模式又叫靜態(tài)工廠模式，由一個(gè)工廠對(duì)象決定創(chuàng)建某一種產(chǎn)品對(duì)象類的實(shí)例。工廠方法模式工廠方法模式的本意是將實(shí)際創(chuàng)建對(duì)象的工作推遲到子類中，這樣核心類就變成了抽象類。抽象工廠模式一般用在 1 什么是工廠模式? 工廠模式是用來(lái)創(chuàng)建對(duì)象的一種最常用的設(shè)計(jì)模式。我們不暴露創(chuàng)建對(duì)象的具體邏輯，而是將將邏輯封裝在一個(gè)函數(shù)中，那么這個(gè)函數(shù)就可以被視為一個(gè)工廠。工廠模式根據(jù)抽象程度的不...

    szysky 評(píng)論0 收藏0

  • ES6系列---類

    摘要：原型會(huì)自動(dòng)調(diào)整，通過(guò)調(diào)用方法即可訪問(wèn)基類的構(gòu)造函數(shù)。在簡(jiǎn)單情況下，等于類的構(gòu)造函數(shù)的值是輸出這段代碼展示了當(dāng)調(diào)用時(shí)等于。 大多數(shù)面向?qū)ο缶幊陶Z(yǔ)言都支持類和類繼承的特性，而JavaScript只能通過(guò)各種特定方式模仿并關(guān)聯(lián)多個(gè)相似的對(duì)象。這個(gè)情況一直持續(xù)到ES5。由于類似的庫(kù)層出不窮，最終ES6引入了類特性，統(tǒng)一了類和類繼承的標(biāo)準(zhǔn)。 ES5模仿類 先看一段ES5中模仿類的代碼： func...

    huayeluoliuhen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<