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

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

使用名為WeatherWidget 的新函數，原型分配：

WeatherWidget.prototype = new Widget;

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

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

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

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

1. 建立一個虛擬物件：

function Dummy () {}
Dummy.prototype = Widget.prototype;

2. 分配原型：

WeatherWidget.prototype = new Dummy();

3. 修正建構子：

WeatherWidget.prototype.constructor = WeatherWidget;

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

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

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

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

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