compose.js(未完成)

2024-04-27 15:09:43

字體：大中小

來源：轉載

供稿：網友

compose.js主要用于實現集成的一個javascript庫

基礎用法

新建一個對象

Widget = Compose({ render: function(node){ node.innerHTML = "hi"; } }); var widget = new Widget(); widget.render(node);

這是相等的Javascript原生代碼

Widget = function(){ }; Widget.PRototype = { render: function(node){ node.innerHTML = "hi"; } } var widget = new Widget(); widget.render(node);

繼承一個對象

HelloWidget = Compose(Widget, { message: "Hello, World", render: function(){ this.node.innerHTML = "" + this.message + ""; } }); var widget = new HelloWidget(); widget.render(node);

相等的javascript語法

HelloWidget = function(){ this.message = "Hello, World"; }; HelloWidget.prototype = new Widget(); HelloWidget.prototype.render: function(){ this.node.innerHTML = "" + this.message + ""; }; var widget = new HelloWidget(); widget.render(node);

帶構造函數的對象

Widget = Compose(function(node){ this.node = node; },{ render: function(){ this.node.innerHTML = "hi"; }, getNode: function(){ return this.node; } }); var widget = new Widget(node); widget.render();

相等的javascript

Widget = function(node){ this.node = node; }; Widget.prototype = { render: function(){ this.node.innerHTML = "hi"; }, getNode: function(){ return this.node; } } var widget = new Widget(node); widget.render();

多重繼承

Compose can compose constructors from multiple base constructors, effectively providing multiple inheritance. For example, we could create a new widget from Widget and Templated base constructors:

TemplatedWidget = Compose(Widget, Templated, { // additional functionality });

Again, latter argument’s methods override former argument’s methods. In this case, Templated’s methods will override any Widget’s method of the same name. However, Compose is carefully designed to avoid any confusing conflict resolution in ambiguous cases. Automatic overriding will only apply when later arguments have their own methods. If a later argument constructor or object inherits a method, this will not automatically override former base constructor’s methods unless it has already overriden this method in another base constructor’s hierarchy. In such cases, the appropriate method must be designated in the final object or else it will remain in a conflicted state. This essentially means that explicit ordering provides straightforward, easy to use, method overriding, without ambiguous magical conflict resolution (C3MRO).