'new” 關鍵字如何影響 JavaScript 中的物件繼承？

理解物件繼承中的'new' 關鍵字

在兩個物件建構函式之間建立繼承時，'new' 關鍵字起著至關重要的作用。讓我們在以下程式碼的上下文中探討其目的：

WeatherWidget.prototype = new Widget;

這裡，目標是使用新的 WeatherWidget 建構子來擴充 Widget 建構子。透過使用 'new' 關鍵字，我們有效地將 Widget 作為建構子調用，並將其傳回值指派給 WeatherWidget 的原型屬性。

省略 'new' 的影響

如果我們在程式碼中省略「new」關鍵字，結果會有所不同。如果沒有“new”，Widget 將不會被作為建構函數調用，除非添加了參數列表。此外，在嚴格模式程式碼中可能無法以這種方式呼叫 Widget，因為如果實作符合 ECMAScript Ed，建構函式中的「this」參考可能會綁定到全域物件。 5.x.

使用「new」的潛在問題

雖然使用「new」允許我們建立繼承，但它也有缺點。例如，WeatherWidget 的所有實例都將從同一個 Widget 實例繼承。這意味著從 Widget 實例繼承的任何屬性值都將在所有 WeatherWidget 實例之間共用。

替代繼承方法

實現基於類別的繼承的更合適的方法在基於原型的語言中，使用以下方法：

function Dummy () {}
Dummy.prototype = Widget.prototype;
WeatherWidget.prototype = new Dummy();
WeatherWidget.prototype.constructor = WeatherWidget;

此方法確保WeatherWidget 實例透過原型鏈之間不共享財產價值。此外，正確設定了「建構子」屬性，以便每個 WeatherWidget 實例都指向正確的建構子。

ECMAScript 5 及更高版本

在ECMAScript 5 及更高版本中，以下語法可用於創建繼承：

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

此語法的優點是使結果'constructor' 屬性不可寫、不可枚舉、不可設定。

總之，物件繼承中的 'new' 關鍵字有特定的用途，但其使用應謹慎，以避免潛在的問題。可以使用其他繼承方法來提供更大的靈活性和控制力。

以上是'new” 關鍵字如何影響 JavaScript 中的物件繼承？的詳細內容。更多資訊請關注PHP中文網其他相關文章！