码迷,mamicode.com
首页 > Web开发 > 详细

smartjs 0.2 OOP讲解 - factory

时间:2014-06-16 13:47:47      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   color   get   

本篇介绍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.create(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,布布扣,bubuko.com

smartjs 0.2 OOP讲解 - factory

标签:style   class   blog   code   color   get   

原文地址:http://www.cnblogs.com/zhh8077/p/3790040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!