知识大全 JavaScript模式之工厂模式(Factory)应用介绍

Posted 2022-07-20 工厂

篇首语：宁可枝头抱香死，何曾吹落北风中。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JavaScript模式之工厂模式(Factory)应用介绍相关的知识，希望对你有一定的参考价值。

JavaScript模式之工厂模式(Factory)应用介绍 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　工厂模式也是对象创建模式之一它通常在类或类的静态方法中去实现构造对象的一种方式是使用new操作符但使用new时正是针对实现编程会造成“耦合”问题与具体的类关系紧密导致代码更脆弱缺乏弹性在复杂逻辑的项目中建议是面向接口编程先看简单工厂模式

　　代码如下: Person(name age) var obj = obj name = name obj age = age return obj var p = Person( jack ) var p = Person( lily )

　　与构造函数方式写一个类的区别在于没有使用this 而是每次都构造一个空对象然后给其添加属性创建对象方式不是使用new 而是使用函数调用方式这种方式基本上用来替代一个类（具有相同属性的对象）而复杂一些的工厂则可以造不同类型的对象下面以个水果工厂示例

　　代码如下: function Banana() this price = $ function Apple() this price = $ function Orange() this price = $ // 静态工厂类 function Fruit() Fruit factory = function(type) if (!window[type]) return var fruit = new window[type] return fruit // 制造不同的水果 var banana = Fruit factory( Banana ) var apple = Fruit factory( Apple ) var orange = Fruit factory( Orange )

　　有三个水果类Banana Apple Orange 一个水果工厂类Fruit 通过静态方法factory每次可以造出不同的水果类对象工厂模式在JavaScript原生对象Object也有所体现比如

　　代码如下: var obj = Object() num = Object( ) str = Object( s ) boo = Object(false);

　　Object就是一个工厂根据参数不同会构造出不同的对象 obj是一个空对象 num是一个Number类型的对象 str是一个String类型的对象 boo是Boolean类型的对象 jQuery Callbacks也是一个工厂每次调用它都会返回一个具有add remove fire等方法的对象还可以根据参数如“once” “memory”等构造出具有不同性质的对象

　　所谓的工厂模式是指可以返回一个对象的方法利用这种模式我们可以做什么呢？假设我不满足现有的DOM对象里面所拥有的方法我想要增加一个自定义的方法叫sayHello 我们可以这样做:

　　代码如下: function RemouldNodeObj(DomNode) //先判断一下传递进来的参数是不是一个Dom节点 if(typeof DomNode == "object" && DomNode nodeType == ) DomNode say = function() alert("Hello!!"); else alert("你传递进来的参数不正确!");

　　//这样调用: window onload = function() var oDiv = RemouldNodeObj(document getElementById("test")); //通过这一步 oDiv就拥有了新的方法say oDiv say();

　　有了上面的基础后我们来实现点复杂的功能我们要实现只要通过js的调用就生成一个简单的form表单看代码:

　　代码如下: <> <head> <title>JavaScript之工厂模式</title> <script type=text/javascript> function RemouldNodeObj(DOMnode) //先判断一下传递进来的参数是不是一个Dom节点 if(typeof DOMnode == "object" && DOMnode nodeType == ) DOMnode createForm = function(opt) //下面是一大串的字符串加法只是为了拼装出form元素 var oForm = ""; oForm += "<form action="" + opt action + "" "; oForm += "method="" + (opt method || GET ) + "" id=""; oForm += (opt id || "") + """; oForm += ">"; oForm += "</form>"; //这里的this不要想得太复杂谁调用就指向谁所以this指向 oDiv this innerHTML = oForm; else alert("参数不正确!"); return DOMnode;

　　//这样调用 window onload = function() var oDiv = RemouldNodeObj(document getElementById("custom")); oDiv createForm( action : index jsp method : post id : myForm ); </script> </head>

cha138/Article/program/Java/JSP/201311/19973