smartjs 0.2 OOP讲解 - factory
本篇介绍OOP的第二个对象factory。在以往项目中其实真正使用klass的地方相当少,而factory则是十分常见的。
在smartjs中的factory并不是指的是工厂模式。在factory要求定义一个基础对象,这个对象可以是基类,也可以是模板对象或者是接口。然后factory就已此基础对象为基础,其他添加或者创建的对象,继承或者是复制基础对象的属性和方法。factory在提供一系列方法来对这些对象做控制。
factory经过简单的处理可以实现工厂、外观、模板等设计模式。
接口说明
//多参数接口
st.factory(name, base, proto, type, initDefault) //参数对象接口
st.factory({
//工厂名
name : "",
//基类对象
base : {},
//工厂的扩展属性和方法对象
proto:{},
//工厂的类型;默认:类实例化后的对象;class:类对象,未实例化;merge:对象复制合并
type : "",
//是否将base设置成为默认的对象;当使用factory.get找不到对象时返回默认对象
initDefault:true
}) //创建工厂后的接口说明 //创建产品方法,但不注册到factory中去,name:产品名称;item:产品特性;parent:父类名称
factory.build(name, item, parent) //添加产品方法,会注册到factory中去,name:产品名称;item:产品特性;parent:父类名称
factory.add(name, item, parent) //查找产品方法,name:产品名称;defaultMode:是否在找不到产品的时候返回默认对象
factory.find(name, defaultMode) //删除产品方法,name:产品名称
factory.remove(name) //设置默认产品方法,name:产品名称
factory.setDefault(name) //执行所有产品的某个方法,fnName:产品的方法名称;args:参数数组
factory.fire(fnName,args)
实例代码
//widget基类
var baseWidget = {
//widget类型
type: '',
//widget的渲染方法
render: function(id) {
return this.type + ':' + id;
}
}; //一个widget工厂
var widgetFactory = st.factory('wdigetfactory', baseWidget); //添加一个input
widgetFactory.add('input', {
type: 'input'
}) it("factory add", function() {
//找到添加的input
var input = widgetFactory.find('input');
expect(input).toBeDefined();
//输出
expect(input.render('txt')).toBe("input:txt");
}); it("factory inheirt", function() {
//添加一个number类型的input
var num = widgetFactory.add('number', {
type: 'input[number]'
}, 'input') expect(num.render('txtNum')).toBe("input[number]:txtNum");
});
class模式
var f1 = st.factory({
name: 'classMode',
//设置class类型
type: 'class',
base: {
klassInit: function(name) {
this.name = name;
}
}
});
var c1 = f1.add('c1', {
type: 'c1'
});
expect(c1.fn).toBeDefined();
//需要初始化
var c = new c1('class1');
expect(c.type).toBe("c1");
expect(c.name).toBe("class1");
merge
var f2 = st.factory({
name: 'copyMode',
//设置merge类型
type: 'merge',
//设置默认模式
initDefault: true,
base: {
name: 'copy',
project: {
name: 'smartjs'
}
}
})
var c = f2.add('c1', {
name: 'c1',
project: {
role: 'pm'
}
});
expect(f2.find().name).toBe("copy");
expect(c.name).toBe("c1");
expect(c.project.name).toBe("smartjs");
expect(c.project.role).toBe("pm");
factory的使用方式还有很多,暂时就不多做介绍了,有机会专门找个专题来介绍具体的使用案列。另外在smartjs后续的内容中,也会大量使用factory。
smartjs 下一版预告,会加入smartjs核心的重要模块:基于策略的数据管理
smartjs 0.2 OOP讲解 - factory的更多相关文章
- smartjs 0.2 OOP讲解 - Klass 类继承
SmartJS2.0加入OOP的功能.OOP包括klass与factory两个对象. Klass 类继承 与其他的类继承相比,smartjs使用了执行指针的概念(后面例子中会介绍),另外提供base基 ...
- smartJS 0.1 API 讲解 - FlowController
本篇介绍0.1版中最后一个特性,FlowController:同时也对第一版总结一下,因为近两年全部都是在搞前端,都是做一些js框架类的东西,也做了不少有意思的功能,做smartjs对我来说一个是对自 ...
- smartJS 0.1 API 讲解 - PromiseEvent
上篇简单的介绍smartjs了一些通用方法的api.这篇介绍基础的PromiseEvent(这个名字一直没想好,以前准备用callbacks的,但避免与jquery混淆,st的命名空间可以直接挂到$上 ...
- smartJS 0.1 API 讲解 - Trigger
上篇介绍了PromiseEvent,本篇介绍Trigger - 基于Promise的aop的体现:(感觉自己的对这些命名一直都很挫,也懒得想了,所以就凑合的用) Trigger 在目标对象上加入触发器 ...
- smartjs 0.2发布 - 新增oop模块&AOP增强
SmartJS2.0发布,更新内容如下: 新增oop(klass,factory)模块: promiseEvent加入非阻塞模式noBlock: trigger加入属性监听; smartjs主模块优化 ...
- AFNetworking 2.0 新特性讲解之AFHTTPSessionManager
AFNetworking 2.0 新特性讲解之AFHTTPSessionManager (2014-02-17 11:56:24) 转载▼ AFNetworking 2.0 相比1.0 API ...
- 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_5-3.微信Oauth2.0交互流程讲解
笔记 3.微信Oauth2.0交互流程讲解 简介:讲解微信Oauth2.0交互流程 参考:https://open.weixin.qq.com/cgi-bin/sho ...
- smartjs 0.3 DataManager 发布&介绍
在0.3版加入了DataManager,基于策略的数据管理模块:是SmartJS中比较重要的一个系列.整个个DataManager模块包括有:dataManager,dataPolicyManager ...
- [置顶] AFNetworking 2.0 新特性讲解之AFHTTPSessionManager
AFNetworking 2.0 相比1.0 API 接口改动还是很大的. 其中一个便是 AFURLSessionManager,当然如果你不太熟悉,或者为了兼容低版本,你依然可以选择AFHTTPRe ...
随机推荐
- atitit.GMT UTC Catitit.GMT UTC CST DST CET 星期 月份 节日 时间的不同本质and起源
atitit.GMT UTC Catitit.GMT UTC CST DST CET 星期 月份 节日 时间的不同本质and起源 1. GMT(Greenwich Mean Time)是格林尼治平时 ...
- 生成月初月末便于拼接sql
for ($i=1; $i < 13; $i++) { $date = strtotime(date("2015-$i-01")); $firstday = date(&qu ...
- ASP.NET MVC4+EasyUI+EntityFrameWork5权限管理系统——菜单模块的实现(二)
ASP.NET MVC4+EasyUI+EntityFrameWork5权限管理系统——数据库的设计(一) 菜单和模块是在同一个表中,采用的是树形结构,模块菜单表结构如下代码: USE [Permis ...
- asp.net“服务器应用程序不可用” 解决方法
服务器应用程序不可用 您试图在此 Web 服务器上访问的 Web 应用程序当前不可用.请点击 Web 浏览器中的“刷新”按钮重试您的请求. 管理员注意事项: 详述此特定请求失败原因的错误消息可在 We ...
- 修改oracle内存占用
修改oracle内存占用 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 # su oracle $cd $ORACLE_HOM ...
- Android屏幕适配的一些常识
屏幕适配的注意事项 1. AndroidManifest.xml设置 在中Menifest中添加子元素 android:anyDensity="true"时,应用程序安装在不同密度 ...
- 100+诡异的数据集,20万Eclipse Bug、死囚遗言等
摘要:近日,Robert Seaton整理了100多个最有趣的数据集,其中包括Jeopardy真题,死囚的最后一句话,20万个Eclipse Bug,足球比赛相关,柏拉图式的爱情,太阳系以外的行星,1 ...
- GoldenGate 配置extract,replicat进程自启动
在GoldenGate中主进程是manager进程,使用start mgr启动.可以在mgr进程中添加一些参数用来在启动mgr进程的同时启动extract和replicat进程 GGSCI (gg01 ...
- H5页面设计器,仿有赞商城页面在线设计器,比富文本框更友好的内容编辑器
基本上每个web应用,都会牵扯到内容编辑,尤其是移动的web应用,微信开发之类的.页面内容自定义是最常用的功能了,之前大部分解决方案都是采用富文本框编辑器kindeditor,ueditor,cked ...
- how to use javap command
SYNOPSIS javap [options] classes DESCRIPTION The javap command is called "disassembler" be ...