`
VerRan
  • 浏览: 459569 次
  • 性别: 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设计模式+JavaScript模式+JavaScript异步编程

    设计模式是软件工程中经过实践验证的、解决常见问题的有效方法。在JavaScript中,常见的设计模式包括: - 单例模式:确保一个类只有一个实例,并提供全局访问点。 - 工厂模式:创建对象时避免使用new操作符,提供...

    JavaScript 设计模式(高清扫描版本)- 张容铭

    设计模式是软件工程中的最佳实践,它们是针对常见问题的解决方案,经过时间和实践的考验,被广泛认可并重复使用。在JavaScript中,设计模式同样具有重要意义,因为JavaScript是一门动态、灵活的语言,但这也可能导致...

    JavaScript设计模式.pdf

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

    JavaScript 设计模式 azw3

    《JavaScript设计模式》是JavaScript设计模式的学习指南。全书分为14章。首先介绍了什么是模式、模式的结构、类别、模式的分类、如何编写模式等等;然后,集中介绍了很多流行的设计模式在JavaScript中的应用,包括...

    Javascript 设计模式 电子书

    设计模式是软件工程领域中经过时间验证的一套最佳实践和解决方案,它们针对特定问题提供了模板化设计方案。在编写代码时采用这些设计模式,可以增加代码的可重用性、可维护性,降低系统复杂度,并提高系统的稳定性和...

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

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

    学用JavaScript设计模式

    因为JavaScript是基于原型的面向对象语言,它在设计模式上的应用有其独特之处。例如,在JavaScript中,我们经常会利用函数作用域和闭包来模拟私有方法和私有属性,以及使用原型链来模拟类继承。 最后,本书提供了...

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

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

    JavaScript设计模式Demo

    这个"JavaScript设计模式Demo"可能包含了各种常见的设计模式示例,如单例模式、工厂模式、观察者模式等,这些都是提高代码质量和团队协作的关键因素。 1. **单例模式**:确保一个类只有一个实例,并提供全局访问点...

    JavaScript模式中文[pdf] 百度云

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

    精通javascript设计模式en版pdf

    在JavaScript中,工厂模式常用于封装复杂对象的创建逻辑,降低代码耦合度。 **构造函数模式**是JavaScript中的核心概念,它允许我们创建具有特定属性和方法的对象。然而,简单的构造函数不能实现继承,因此书中详细...

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

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

    Javascript设计模式源码

    作者针对常见的开发任务,从YUI等实战代码中取材,提供了专家级的解决方案,不仅透彻剖析了JavaScript扣的面向对象编程,而且深入探讨了如何用JavaScript实现以前只在服务器端应用的设计模式,如何根据实际场景选择...

    外文翻译:学用JavaScript设计模式

    设计模式作为软件工程中的一个重要组成部分,其核心在于提供了一套标准的方法论,帮助开发人员以优雅、高效的方式解决常见的软件设计问题。《学用JavaScript设计模式》一书通过对外文资料的细致翻译,为中国乃至全球...

    深入理解JavaScript系列

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

    JavaScript模式(中文版带目录)

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

    Javascript 设计模式 很经典 第一本

    ### JavaScript设计模式经典知识点概述 #### 一、书籍简介与背景 《Pro JavaScript Design Patterns》是一本关于JavaScript设计模式的经典著作,由Ross Harmes和Dustin Diaz共同编写,并于2008年出版。该书深入浅出...

Global site tag (gtag.js) - Google Analytics