Question

在JS中扩展类的传统方法是这样的：

// define constructor function
function Fuu(){}
// extend prototype and override prototype's constructor
Fuu.prototype = Object.create(OtherClass.prototype, {
    constructor: {
        value: Fuu, 
        enumerable: false, 
        writable: true, 
        configurable: true
    }
});

然后您将所需的方法添加到原型

Fuu.prototype.method = function() {}

就像你有一个功能扩展另一个。 JS继承的一个很好的例子！

我的问题是当子类已经有一个带有方法和属性的原型时如何扩展。我可以尝试使用for in循环将旧原型的方法复制到新原型，但方法是不可枚举的（使用转换器创建类）并且使用getOwnPropertyNames执行某些操作不会似乎是对的。有什么建议吗？我可以做一些事情，比如保留原型并在原型中添加原型吗？

编辑：示例

class Fuu {
    someMethod(){} // non enumerable method in Fuu's prototype
}

// My first option: (extending this way `someMethod` is lost)
Fuu.protoype = Object.create(HTMLElement.prototype, {//...same as before})

// Option 2: copy methods from old to new prototype

// Option 3: prototype of prototype?
// Fuu.prototype.prototype = Object.create(HTMLElement.prototype, {...})

Answer 1

你想要像

这样的东西

            ┌──> Fuu.prototype
instances ──┤
            └──> OtherClass.prototype

但那是不可能的，因为对象只有一个[[Prototype]]。

因此，您必须实现以下目标之一：

instances ───> Fuu.prototype ───> OtherClass.prototype
instances ───> OtherClass.prototype ───> Fuu.prototype

所以你必须将其中一个的[[Prototype]]设置为另一个。我将假设第一种可能性。

设置[[Prototype]]有两种主要方法：

Object.create，创建对象时

问题在于Fuu.prototype和OtherClass.prototype已经创建。

但是，您可以使用正确的[[Prototype]]创建一个新对象，并指定旧对象的属性。

由于可能存在不可枚举的属性，因此您必须使用getOwnPropertyNames。使用defineProperty和getOwnPropertyDescriptor也可能是一个好主意，以防有吸气剂或制定者。
```
var old = Fuu.prototype,
    props = Object.getOwnPropertyNames(old);
Fuu.prototype = Object.create(OtherClass.prototype);
for(var i=0; i<props.length; ++i)
   Object.defineProperty(
     Fuu.prototype,
     props[i],
     Object.getOwnPropertyDescriptor(old, props[i])
   );
```
setPrototypeOf或__proto__（ES6）：
```
Object.setPrototypeOf(Fuu.prototype, OtherClass.prototype);
```
```
Fuu.prototype.__proto__ = OtherClass.prototype;
```
但是，请注意

根据如何改变对象的[[Prototype]] 现代JavaScript引擎优化属性访问，非常慢操作，在每个浏览器和JavaScript引擎中。对...的影响变异原型的性能可以扩展到任何代码可以访问[[Prototype]]已被突变的任何对象。如果你关心性能你应该避免改变[[原型]] 一个对象。

Answer 2

我认为你建议的方法可能是下注的方式。你有没有理由认为这是错的？

var old = Fuu.prototype;
Fuu.prototype = Object.create(OtherClass.prototype, {
    constructor: {
        value: Fuu, 
        enumerable: false, 
        writable: true, 
        configurable: true
    }
});
var names = Object.getOwnPropertyNames(old);
for (var i = 0; i < names.length; i++) {
    var name = names[i];
    Fuu.prototype[name] = old[name];
}

我唯一关心的是你的constructor方法被旧版本覆盖，并且旧原型的原型链丢失了;但是你可以做些事来解决这个问题。

在JavaScript中扩展已定义的类

2 个答案: