javascript - 如何在 Javascript 中向类单独添加函数

Question

这个问题已经有答案了:

Is it possible to import class methods in ES2015 (3 个回答)

已关闭 7 年前。

我有一个如下所示的文件:

cars.js:

class Cars {

    Saab(){
        return 'Saab';
    }

    Volvo(){
        return 'Volvo';
    }

}

var cars = new Cars();

现在我想将它们分成文件来组织我的代码:

saab.js

class Cars {
    Saab(){
        return 'Saab';
    }
}

volvo.js

class Cars {
    Volvo(){
        return 'Volvo';
    }
}

cars.js

/**
 * Some magic
 */
var cars = new Cars(); // contains function Volvo() and Saab()

我该怎么做？

PS:
extends 的问题( class Saab extends Cars ) 是我现在需要调用 new Saab()或new Volvo()这不是我想要的，我想打电话new Cars() .

Answer 1

这是一种奇怪的方法，但实现这一目标的唯一方法是使用 ES6 之前的技术。即扩展原型(prototype)。

// volvo.js
Cars.prototype.Volvo = function() {
  return 'Volvo';
};

// saab.js
Cars.prototype.Saab = function() {
  return 'Saab';
};

从技术上讲，这就是类语法“幕后”发生的事情。因此，如果您没有在类声明中设置所有方法，则必须这样做。