javascript创建对象的方法--工厂模式（非常好理解）

一、简介

创建对象的方法

本质上都是把"属性"和"方法"，封装成一个对象

创建对象的基本模式

  • 普通创建对象的方法，缺陷：

    • 如果创建多个对象会比较繁琐，效率低
    • 实例与原型之间，没有任何办法，可以看出有什么联系。

工厂模式

  • 工厂模式：使用创建并返回特定类型的对象的工厂函数(其实就是普通函数，没啥区别，只是叫法不同)
  • 创建过程类似于工厂生产产品的过程，即：原材料--加工--产品...
  • 解决了多次重复创建多个对象的麻烦。
  • 问题：
    • 创建出的实例之间没有内在的联系，不能反映出它们是同一个原型对象的实例。
    • 创建对象的时候没有使用 new 关键字
    • 会造成资源浪费，因为每生成一个实例，都增加一个重复的内容，多占用一些内存。

二、代码

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   //基本模式

       var people1=new Object();

       people1.name='孙悟空';

       people1.weapon='金箍棒';

       people1.run=function(){

         return this.name+'的武器是'+this.weapon

       }

      // alert(people1.name)

       //alert(people1.run()) //注意方法的调用需要加()

      //该方法如果创建多个对象就会比较繁琐，如下......

       var people2=new Object();

       people2.name='猪八戒';

       people2.weapon='钉耙';

       people2.run=function(){

         return this.name+'的武器是'+this.weapon

       }

 //工厂模式

       function creatPeople(name,weapon){

         var people=new Object() //可以类比为加工对象的原材料

         people.name=name;

         people.weapon=weapon;

         people.run=function(){

            return this.name+'的武器是'+this.weapon

         }  //以上步骤可以类比为加工对象的过程

         return people //注意一定要讲创建的对象返回

         //可以类比为产品加工完毕出厂的工作

       }

        var wukong=creatPeople('孙悟空','金箍棒');

        var bajian=creatPeople('猪八戒','钉耙');

       //alert(wukong.run())

       //alert(bajian.run())

     //new 关键字

     function fun(){

       alert(this)

     }

     fun()

     new fun()

   </script>

 </body>

 </html>

1、因为普通创建对象的方法繁琐重复效率低等诸多缺点，所以有了工厂模式

2、工厂模式就是一个简单的工厂，也是一个简单的函数，提供参数，来给你创建对象

3、工厂模式其实就是对普通创建对象进行了一点点的封装，很简单

4、对象的实质是变量，方法的实质是函数，属性的实质也是函数，所以工厂模式的基础就是函数变量之间是可以相互嵌套的

5、工厂模式就是用普通函数嵌套了 创建对象

javascript创建对象的方法--工厂模式（非常好理解）的更多相关文章

  1. javascript创建对象的方法--构造函数模式

    javascript创建对象的方法--构造函数模式 一.总结 构造函数模式作用和不足 1.作用:解决工厂模式不是用new关键字来创建对象的弊端 2.作用:解决工厂模式创建的实例和模型没有内在联系的问题 ...

  2. javascript创建对象的方法--组合模式

    javascript创建对象的方法--组合模式 一.总结 0.作用:解决原型模式对象独有属性创建麻烦的问题 1.组合模式使用普遍:jquery就是用的组合模式,组合模式使用非常普遍 2.组合模式优点: ...

  3. javascript创建对象的方法--原型模式

    javascript创建对象的方法--原型模式 一.总结 1.原型模式解决内存浪费的方法(继承):通过继承,对象继承原型模式下的所有属性,对象不同于其它对象的的属性自己创建或者修改 2.原型的使用(p ...

  4. javascript创建对象的方法--动态原型模式

    javascript创建对象的方法--动态原型模式 一.总结 1.作用:解决组合模式的属性和函数分离问题  2.思路:基本思路和组合模式相同:共用的函数和属性用原型方式,非共用的的函数和属性用构造函数 ...

  5. javascript 面向对象编程（工厂模式、构造函数模式、原型模式）

      javascript 面向对象编程(工厂模式.构造函数模式.原型模式) CreateTime--2018年3月29日17:09:38 Author:Marydon 一.工厂模式 /** * 工厂模 ...

  6. javascript创建对象的方法--基本模式

    javascript创建对象的方法--基本模式 一.总结 关注本质 二.代码 <!DOCTYPE html> <html lang="zh-cn"> < ...

  7. javascript 创建对象的7种模式

    使用字面量方式创建一个 student 对象: var student = function (){ name : "redjoy", age : 21, sex: women, ...

  8. javascript创建对象的方法总结

    Javascript创建对象 最简单的方法:创建object实例. var person=new Object(); person.name="Joey";person.age=2 ...

  9. JavaScript创建对象的方法汇总

    JavaScript中的对象 ECMA-262把对象定义为:“无序属性的集合,其属性可以包含基本值.对象或者函数.”严格来讲,这就相当于说对象是一组没有特性顺序的值.对象的每一个属性或方法都有一个名字 ...

随机推荐

  1. PatentTips - Managing sequenced lock requests

    BACKGROUND In a multi-threaded processing environment, two or more threads may require access to a c ...

  2. CCNP路由实验之九 路由策略

     CCNP路由实验之九 路由策略 路由器在公布与接收路由信息时,可能须要实施一些策略.以便对路由信息进行过滤,比如仅仅接收或公布满足一定条件的路由信息. 一种路由协议可能须要引入其它的路由协议发现 ...

  3. Intent传递对象——Serializable和Parcelable差别

    前两篇文章讨论了Serializable和Parcelable实现Intent之间传递对象和对象数组的方式.两种方法实现上相似,效果一致,怎么选择用哪种方法实现呢? Intent在不同的组件中传递对象 ...

  4. 第六课 Struts的视图组件

    Struts框架的视图负责为客户提供动态网页内容. Struts的视图主要由JSP网页构成.此外还包含客户化的标签和ActionForm Bean.这些组件提供了 对国际化.接收用户输入的表单数据.表 ...

  5. js插件---图片裁剪cropImgBox（适合练习编写插件之用）

    js插件---图片裁剪cropImgBox(适合练习编写插件之用) 一.总结 一句话总结:无论是灰度还是高对比度的图片,都是先处理canvas的像素,使其变成灰度或者高对比度,然后再用canvas.t ...

  6. syslog介绍-CS架构来采集系统日志

    syslog架构 Unix/Linux系统中的大部分日志都是通过一种叫做syslog的机制产生和维护的.syslog是一种标准的协议,分为客户端和服务器端,客户端是产生日志消息的一方,而服务器端负责接 ...

  7. javascript中运算符有哪些？ 他们的优先级 呢？

    一元操作符 ++, -- + -(正负)逻辑操作符 ! && ||基本运算符 +, -, *, /, %关系操作符 >, <, >=, <=, ===, ==, ...

  8. Flask Flash闪现

    Flash介绍以及工作方式 flash中添加消息 取出flash中的消息 Flash介绍以及工作方式 - 介绍: flash :闪现 一个好的应用和用户界面都需要良好的反馈. 如果用户得不到足够的反馈 ...

  9. XML结构，写到TreeView树上

    http://blog.csdn.net/ztzi321/article/details/44077563

  10. 在使用FireFox浏览器时，经常打开新标签，页面总是不断自动刷新，解决办法

    可以用如下方法尝试(逐个尝试,看看哪个管用): 1.地址栏输入 about:support,右上角有个翻新Firefox,点击,等待浏览器重启,即可. 2.点击:工具-附加组件,把“火狐主页和标签管理 ...