为什么在 `Derived.prototype = new Base` 中使用 `new` 进行 JavaScript 继承？

为什么在 Derived.prototype = new Base 中使用 'new' 关键字？

在 JavaScript 中，继承是通过原型来实现的。要扩展现有类，您可以将子类的原型分配给父类的新实例。这就是“new”关键字发挥作用的地方。

在以下代码中：

WeatherWidget.prototype = new Widget;

“new”关键字有两个用途：

• 调用构造函数：它创建 Widget 类的新实例。该实例成为 WeatherWidget 类的原型。
• 设置 Prototype 属性： 构造函数调用的返回值（即 Widget 的新实例）被分配给的原型属性WeatherWidget 类。

如果保留“new”会发生什么出？

如果没有“new”，您就不会调用 Widget 构造函数。相反，您需要为 Widget() 提供一个参数列表。但是，这可能是不可能的，并且可能会导致错误。

不共享属性的重要性

默认情况下，WeatherWidget 的实例将共享同一实例中的属性值小部件。这可能会导致意外行为，因为 WeatherWidget 的多个实例可能会覆盖或修改彼此的属性。

为了防止这种情况，建议使用“Dummy”构造函数（例如，Dummy.prototype = Widget.prototype）作为中间步骤，它为 WeatherWidget 创建一个新原型，该原型不会从父实例继承属性值。这确保每个 WeatherWidget 实例都有自己的一组继承属性。

较新 JavaScript 版本中的替代方法

在 ECMAScript 5 及更高版本中，您可以使用：

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

此方法还有一个额外的好处，即使构造函数属性不可写、可枚举或

显式调用父构造函数

您可能需要在子构造函数中显式调用父构造函数（例如 Widget.apply(this, arguments)）初始化父级

结论

理解 Derived.prototype = new Base 中 'new' 的使用对于在 JavaScript 中正确实现继承至关重要。它确保子类继承正确的原型，并防止实例之间意外共享属性值。

以上是为什么在 `Derived.prototype = new Base` 中使用 `new` 进行 JavaScript 继承？的详细内容。更多信息请关注PHP中文网其他相关文章！