`
VerRan
  • 浏览: 462789 次
  • 性别: Icon_minigender_1
  • 来自: 陕西.西安
社区版块
存档分类
最新评论

工厂模式之javascript

    博客分类:
  • AJAX
阅读更多

1. 创建工厂类

// 对象的工厂类
var ObjFactory=new Object();
ObjFactory.createObj=function (){  //创建产品的方法
var  obj =  new Object();//要生产的产品
obj.name = "hero";//产品的属性
obj.showName=showName;//产品所具备的功能
obj.getElement=getElement;//产品所具备的功能
obj.getTextFromXMLByPath=getTextFromXMLByPath;//产品所具备的功能
return obj;//返回产品的实例信息
}
 
2. 实现产品具备的功能
//弹出属性信息
function showName(){alert(this.name);}

//根据id获取指定表单的值
function getElement(A,B){
var t=document.getElementById(A);
var value=t.value+B;
return value;
}

//输入xml和路径,获取指定路径下xml节点的值
function getTextFromXMLByPath(xmlStr,path){
var responseDoc = new ActiveXObject("MSXML.DOMDocument");
responseDoc.loadXML(xmlStr);
var value = responseDoc.selectSingleNode(path).text;
return value;
}

//$ 的神秘--js支持$作为方法名,对象也是可以的。
$=function(A,B){
var t=document.getElementById(A);
var value=t.value+B;
return value;
}
 3. 编写测试类
<html>
<head>
<script type="text/javascript" src="test.js"></script>
</head>
<body>

<input type="button" id="1" value="test" onclick="$(1)"/>
<script>
document.write(ObjFactory.createObj().name);
ObjFactory.createObj().showName();
document.write(ObjFactory.createObj().getElement(1,'大家好'));
var xmlStr="<request>rteVerRan</request>";
xmlStr="1";
document.write(ObjFactory.createObj().getTextFromXMLByPath(xmlStr,"/request"));
</script>
</body>
</html>
 4. 测试结果
hero
弹出alert("VerRan");
test大家好 
 
分享到:
评论

相关推荐

    JavaScript设计模式.pdf

    单体模式是JavaScript中最基本的设计模式之一。它的主要作用是提供一个命名空间,减少全局变量的数量,避免代码冲突,并组织代码使其易于维护。单体模式可以用来划分命名空间,组织代码和避免代码冲突。 2. 工厂...

    javascript设计模式之工厂模式.docx

    工厂模式在 JavaScript 中的应用 工厂模式是一种常用的设计模式,它提供了一种创建对象的方式,而不需要指定具体的类别。工厂模式的主要优点是它可以将对象的创建过程与具体的类别分离,从而提高了代码的灵活性和可...

    JavaScript面向对象实现简单工厂模式

    JavaScript面向对象实现简单工厂模式是一种常见的设计模式,它在软件工程中被广泛应用于创建对象的场景。简单工厂模式的核心思想是将对象的创建过程抽象出来,由一个专门的工厂类负责,使得客户端代码无需关心具体...

    JavaScript模式中文[pdf] 百度云

     工厂模式  迭代器模式  装饰者模式  策略模式  外观模式  代理模式  中介者模式  观察者模式  小结  第8章 DOM和浏览器模式  关注分离  DOM脚本  事件  长期运行脚本  远程脚本  配置JavaScript  ...

    javascript设计模式之工厂模式示例讲解.docx

    ### JavaScript设计模式之工厂模式详解 #### 一、引言 在软件工程中,设计模式是一种通用可重用的解决方案,用于解决常见的编程问题。在JavaScript中,工厂模式是一种常用的创建型设计模式,用于创建对象的接口,...

    JAVASCRIPT设计模式[收集].pdf

    总结来说,JavaScript设计模式作为前端开发的基石之一,对于提升开发效率和代码质量有着不可忽视的作用。通过闭包和封装,我们可以实现更好的代码管理;通过掌握和运用各种设计模式,我们可以更加高效地解决问题,...

    Javascript 设计模式之构造函数模式.zip

    总结,JavaScript的构造函数模式是创建对象的主要方式之一,它结合原型和原型链提供了面向对象编程的基础。理解并掌握这一模式有助于编写可维护、可扩展的代码。在实际开发中,构造函数模式常常与其他设计模式(如...

    深入理解JavaScript系列

    深入理解JavaScript系列(28):设计模式之工厂模式 深入理解JavaScript系列(29):设计模式之装饰者模式 深入理解JavaScript系列(30):设计模式之外观模式 深入理解JavaScript系列(31):设计模式之代理模式...

    JavaScript模式(中文版带目录)

    代码复用是软件工程的关键原则,这部分可能会讲解如何在JavaScript中实现代码复用,如函数组合、装饰器模式、代理模式等。这些模式可以有效地减少代码重复,提高代码的可维护性和可读性。 七、设计模式 书中可能会...

    JavaScript中的工厂模式:构建灵活的对象创建机制

    通过本文的介绍,你应该能够理解工厂模式的基本概念,掌握在JavaScript中实现工厂模式的方法,并能够在实际项目中应用这一模式来构建灵活的对象创建机制。 通过本文的介绍,你应该能够理解工厂模式的重要性,掌握在...

    JavaScript模式

    通过以上详细介绍,我们可以看到《JavaScript模式》这本书为读者提供了丰富且实用的设计模式知识,这些模式不仅可以帮助开发者编写更加高效、可维护的代码,还能促进其在软件工程领域内的成长和发展。无论是对于初学...

    Javascript 设计模式系统讲解与应用视频资源地址.7z

    JavaScript设计模式是编程实践中的一种重要思想,它提供了一套经过时间考验的最佳实践,用来解决常见的编程问题和提高代码的可维护性、可扩展性和可复用性。在JavaScript这种动态类型的脚本语言中,设计模式尤其重要...

    深入理解JavaScript系列(.chm)

    深入理解JavaScript系列(28):设计模式之工厂模式 深入理解JavaScript系列(29):设计模式之装饰者模式 深入理解JavaScript系列(30):设计模式之外观模式 深入理解JavaScript系列(31):设计模式之代理模式...

    javascript 面向对象编程.pdf javascript 设计模式与开发实践.pdf

    在JavaScript中,常见的设计模式包括工厂模式、单例模式、观察者模式、装饰器模式、代理模式等。例如,工厂模式可以用来创建对象,避免直接使用new操作符,提高代码的可扩展性;单例模式确保一个类只有一个实例,常...

    总结JavaScript设计模式编程中的享元模式使用

    享元模式是软件工程中一种用于优化性能的设计模式,它通过共享相似对象的实例来减少内存使用或者计算的开销。在JavaScript编程中,尤其是处理DOM操作和大量相似对象时,享元模式的使用尤为关键。 享元模式的主要...

    JavaScript高级与设计模式.zip

    JavaScript,作为全球最广泛使用的编程语言之一,是构建现代Web应用程序的核心工具。它不仅用于客户端的交互性,还在服务器端开发中发挥着重要作用。在这个"JavaScript高级与设计模式"的主题中,我们将深入探讨...

    Javascript面向对象设计一 工厂模式.docx

    除了工厂模式,JavaScript中的面向对象设计还包括构造函数模式、原型模式、混合模式、动态原型模式、单例模式等。这些模式各有特点,适用于不同的场景。例如,构造函数模式用于初始化对象,原型模式利用原型链实现...

    设计模式_javascript_

    在JavaScript中,常见的设计模式有单例模式、工厂模式、观察者模式、装饰器模式、代理模式、策略模式、命令模式、模态模式、建造者模式以及组合模式等。这些模式都是为了提升代码质量、降低复杂度和提高代码复用性。...

    JavaScript设计模式之工厂方法模式介绍

    工厂方法模式是一种创建型设计模式,它的核心思想是定义一个用于创建对象的接口,让子类决定实例化哪一个类。工厂方法模式将对象的创建和使用分离,这样可以降低系统的耦合度,提高灵活性。在JavaScript中,这种模式...

Global site tag (gtag.js) - Google Analytics