2 个月后
也许你确实需要一个库,ES5 非常冗长,所以我创建了pd
原答案
我正在寻找 Node.js 的 OOP 解决方案/库。
您不需要库。你有 ES5。
JavaScript 没有经典的 OOP。它具有原型 OOP。
这意味着你只有对象。对对象唯一能做的就是扩展、操作和克隆它们。
操纵
var o = {};
o.foo = "bar";
扩展
var o = someObject;
Object.defineProperties(o, {
"foo": { value: "foo" },
"bar": { value: "bar" }
"method": { value: function () { } }
}
克隆
var o = someObject;
var p = Object.create(o);
克隆和扩展
var o = someObject;
var p = Object.create(o, {
"foo": { value: "foo" },
"bar": { value: "bar" }
"method": { value: function () { } }
}
了解Object.create、Object.defineProperty 和Object.defineProperties 的工作原理非常重要。
克隆操作实际上并不是克隆。它正在从蓝图创建一个新对象。蓝图是一个对象。它将蓝图放在[[Prototype]] 中。 [[Prototype]] 位于 .__proto__ 属性中,我将用于演示。
var o = {};
var p = Object.create(o);
p.__proto__ === o; // true
var q = Object.create(p);
q.__proto__.__proto__ === o;
var r = Object.create(q);
r.__proto__.__proto__.__proto__ === o;
免责声明: .__proto__ 已弃用。不要在代码中使用它。不过,它可用于调试和完整性检查。
这里的要点是,从o 访问r 中的属性必须沿着原型链向上走3 级,这会变得昂贵。要解决这个问题,您应该克隆特定的蓝图,而不是克隆随机对象(每个对象应该有一个蓝图)。
// Parent blueprint
var Parent = (function _Parent() {
// create blank object
var self = Object.create({});
// object logic
return self;
}());
// factory function
var createParent = function _createParent(foo) {
// create a object with a Parent prototype
return Object.create(Parent, {
foo: { value: foo }
});
}
var Child = (function _Child() {
var self = Object.create(Parent);
// other stuff
return self;
}());
var createChild = function _createChild(bar) {
return Object.create(Child, {
bar: { value: bar }
})
};
这是我正在处理的一些代码中的一个 sn-p,您可以将其用作示例:
var Sketchpad = (function _SketchPad() {
var self = Object.create({});
var mousemove = function _mousemove(e) {
this.drawLine(e);
};
self._init = function _init() {
this.$elem.bind({
"mousemove": mousemove.bind(this),
});
this.pens = {};
$("#clear").bind("click", this.clear.bind(this));
$("#undo").bind("click", (function _undoPath() {
this.pen.undo();
}).bind(this));
return this;
};
self.clear = function() {
this.paper.clear();
};
return self;
}());
createSketch = function _createSketchPad(id, w, h) {
var paper = Raphael(id, w, h);
var pen = createPen(paper);
var o = Object.create(Sketchpad, {
paper: { value: paper },
$elem: { value: $("#" + id) },
pen: {
get: function() { return pen; },
set: function(v) { pen = v; }
}
});
return o._init();
};