首頁 >web前端 >js教程 >「new」 關鍵字如何影響 JavaScript 中基於原型的繼承?

「new」 關鍵字如何影響 JavaScript 中基於原型的繼承?

Barbara Streisand
Barbara Streisand原創
2024-12-14 15:34:22881瀏覽

How Does the `new` Keyword Impact Prototype-Based Inheritance in JavaScript?

基於原型的繼承:深入研究「new」關鍵字的角色

使用名為WeatherWidget 的新函數,原型分配:

WeatherWidget.prototype = new Widget;

扮演至關重要的角色。 'new' 關鍵字呼叫 Widget 建構子並將其傳回值指派給 WeatherWidget 的原型屬性。

如果省略,此操作將引發錯誤或可能污染全域命名空間。透過使用“new”,Widget 建構函數被調用,確保正確的初始化和有效的返回值。

但是,這種方法建立了一個場景,其中所有 WeatherWidget 實例都從同一個 Widget 實例繼承屬性,並在它們之間共用值。這可能不符合繼承原則。

要修正此問題並實現真正的基於類別的繼承,應採取以下步驟:

  1. 建立一個虛擬物件:
function Dummy () {}
Dummy.prototype = Widget.prototype;
  1. 分配原型:
WeatherWidget.prototype = new Dummy();
  1. 修正建構子:
WeatherWidget.prototype.constructor = WeatherWidget;

此方法確保WeatherWidget 實例繼承屬性通過原型鏈,彼此之間不共享值。

為了更簡潔ECMAScript Ed 中的解決方案。 5 及更高版本,請考慮使用:

WeatherWidget.prototype = Object.create(Widget.prototype, {
  constructor: {value: WeatherWidget}
});

或者,對於通用繼承實現,請探索 Function.prototype.extend()。此方法可以輕鬆實現原型擴充,並為呼叫父方法提供方便的「超級」存取功能。

以上是「new」 關鍵字如何影響 JavaScript 中基於原型的繼承?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn