你仍然可以在class'原型上附加一个方法;毕竟,类只是“函数对象”的语法糖,这是使用函数构造对象的旧方法。
既然你想使用 ES6,我将使用 ES6 导入。
最小的努力,使用原型:
import getColor from 'path/to/module';
class Car {
...
}
Car.prototype.getColor = getColor;
如您所见,您仍然使用原型属性来附加一个方法,如果您选择这样做的话。
在类中调用模块的方法:
或者,如果您不想使用原型属性,您始终可以让您的方法从模块中返回函数:
import getColor from 'path/to/module';
class Car {
getColor () {
return getColor.call(this);
}
}
使用吸气剂
您也可能有点棘手,并使用“getter”以不同的方式实现此目的。
import getColor from 'path/to/module';
class Car {
get getColor () { return getColor.bind(this) }
}
然后您可以通过调用 myInstanceOfCar.getColor() 来使用它
或者在更语义化的 getter 用法中:
class Car {
get color () { return getColor.call(this) }
}
// ...
const color = myInstanceOfCar.color;
请记住,getter/setter 不能与您在构造函数中设置的属性同名。当您尝试使用 setter 设置相同的属性时,您最终将超过具有无限递归的最大调用堆栈。 示例:set foo (value) { this.foo = value }
ES2016 类属性
如果你是using Babel to transpile(并且是using experimental proposals),并且想使用一些ES2016, you can use the following syntax(但请记住,这会将方法直接应用于对象,而不是在原型上设置) :
import getColor from 'path/to/module';
class Car {
getColor = getColor;
}
带有类属性的可选绑定
如果您使用简写语法来设置属性,您将不必绑定方法(设置是作为属性更改“this”所指的内容,本质上是自动绑定它),但你当然可以,如果你选择(如果你想绑定其他东西):
getColor = getColor.bind(this);