我正在重构旧版 ES5 代码库中的一些代码,我在其中执行了以下操作:
function ObjectCreatorFunction() {
this.someProperty= {};
}
/*
* Static method, to extend the object passed as a parameter with the
* ObjectCreatorFunction instance properties and methods
*/
ObjectCreatorFunction.extend = function extend(object) {
var key;
ObjectCreatorFunction.call(object);
for (key in ObjectCreatorFunction.prototype) {
if (ObjectCreatorFunction.prototype.hasOwnProperty(key)) {
if (!object.hasOwnProperty(key)) {
object[key] = ObjectCreatorFunction.prototype[key];
}
}
}
return object;
};
ObjectCreatorFunction.prototype.someMethod = function someMethod() {...}
//etc
我正在尝试用 ES6 重写来做同样的事情,所以我有这个
class ClassName{
constructor() {
this.someProperty= {};
}
static extend(object) {
let key;
ClassName.constructor.call(object);
for (key in ClassName.prototype) {
if (ClassName.prototype.hasOwnProperty(key)) {
if (!object.hasOwnProperty(key)) {
object[key] = ClassName.prototype[key];
}
}
}
return object;
}
someMethod() {...}
//etc
}
我的问题是该行
ClassName.constructor.call(object);
无法按预期工作,即传递的对象未获取该类的实例属性。
我尝试了几种方法来重写它(甚至是一些非正统的方法),但没有成功。
如何使用 ES6 扩展具有类实例属性的对象?
免责声明:
我的代码通过 babel 和 webpack 进行转译过程。以防它对类内部的工作方式产生任何影响。
最佳答案
不,这不适用于 class
语法。这是a bit more不仅仅是语法糖。原型(prototype)继承保持不变,但实例的初始化现在工作方式有所不同,尤其是对于继承的类,并且您无法在没有 new
的情况下调用构造函数来不创建新实例。
我建议明确你的 mixin,并给它一个 init
方法:
class Mixin {
constructor(methods) {
this.descriptors = Object.getOwnPropertyDescriptors(methods);
}
extend(object) {
for (const p in this.descriptors)) {
if (Object.prototype.hasOwnProperty.call(object, p)) {
if (process.env.NODE_ENV !== 'production') {
console.warn(`Object already has property "${p}"`);
}
} else {
Object.defineProperty(object, p, this.descriptors[p]);
}
}
}
}
// define a mixin:
const xy = new Mixin({
initXY() {
this.someProperty= {};
},
someMethod() { … }
});
// and use it:
class ClassName {
constructor() {
this.initXY();
}
}
xy.extend(ClassName.prototype);
关于javascript - 如何使用 ES6 类实例属性和方法扩展对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46281978/