compose.js(未完成)
来源:互联网 发布:java商城系统源码下载 编辑:程序博客网 时间:2024/06/10 02:52
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).
指定子类必须实现的方法
var required = Compose.required; Widget = Compose({ generateHTML: required, ... });
对象
扩展一个现有对象
var object = {a: 1}; Compose.call(object, {b: 2}); object -> {a: 1, b: 2}
这个技巧可以用来实现一个私有方法
var required = Compose.required; Widget = Compose(Widget, function(innerHTML){ // this will mixin the provide methods into |this| Compose.call(this, { generateHTML: function(){ return "" + generateInner() + ""; } }); // private function function generateInner(){ return innerHTML; } });
Compose.create
create是立即建立一个对象.
Constructor.extend
一个快捷的建立子类的方法
MyClass = Compose(...); SubClass = MyClass.extend({ subMethod: function(){} }); // same as: SubClass = Compose(MyClass,{ subMethod: function(){} });
- compose.js(未完成)
- Node.js学习笔记(未完成)
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- 未完成
- Node js 异步执行流程控制模块Async compose
- 探索JS、CSS压缩工具与方法探索(未完成)
- docker compose
- 第19天(就业班) BeanUtils组件用法及类型转换器、DbUtils组件、jdbc优化
- Leetcode 153. Find Minimum in Rotated Sorted Array
- (十二)分割窗口
- (十三)QListWidget、QListWidgetItem、堆栈窗体QStackedWidget
- awk RS ORS
- compose.js(未完成)
- go语言快速入门:BootStrap应用(16)
- 封装导出csv文件类
- bzoj 3668: [Noi2014]起床困难综合症 (贪心)
- Android:Handler事件处理机制
- 高性能Web架构
- AOP 的利器:ASM 3.0 介绍
- Android UI开发中的常用控件Button
- 二分图的最大匹配、完美匹配和匈牙利DFS算法