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. java钩子函数

    也不知道我理解的对不对,欢迎大家讨论! 自己写了个钩子函数,我理解的钩子函数: public interface Transactioner { String wedontknow() ; } pub ...

  2. Java Exception和Error的差别

    Java中异常的抽象类是Throwable,在此基础上.派生出两大类:Error和Exception. Error是程序中的严重错误,不应该用try-catch包括.Javadoc的说明例如以下: A ...

  3. thinkphp5项目--企业单车网站（三）

    thinkphp5项目--企业单车网站(三) 项目地址 fry404006308/BicycleEnterpriseWebsite: Bicycle Enterprise Websitehttps:/ ...

  4. js中arguments对象和this对象

    js中arguments对象和this属性 如果不注重复习,花时间准备的材料毫无意义 arguments对象和this对象都是对象 直接来代码 <!DOCTYPE html> <ht ...

  5. Entity Framework介绍和DBFirst开发方式

    一.ORM概念  什么是ORM? 对象关系映射(英语:(Object Relational Mapping,简称ORM,或O/RM,或O/R mapping),是一种程序技术.简单来说,就是将关系型数 ...

  6. 是时候抛弃web.xml了？

    你是否再为配置文件web.xml容易出错而烦恼?是否为web.xml文件存放位置而不知所措?是否为web.xml为什么要这样配?怎么才能更好的配置web.xml而烦恼?那么一种新的方式出现了: spr ...

  7. vue中剖析中的一些方法

    1 判断属性 71 -81 var hasOwnProperty = Object.prototype.hasOwnProperty; /** * Check whether the object h ...

  8. SQL函数-stuff()

    select stuff(列名,开始位置,长度,替代字符串) 用于删除指定长度的字符串,并可以在指定长度的地方插入新的字符: 在指定长度的地方添加新的字符

  9. 利用反射实现Servlet公共类的抽取

    一次请求的执行过程: 请求:发送请求地址-->到达web.xml中,找到地址对应的servlet类-->通过反射调用该类的构造函数,创建该servlet类的对象-->通过当前对象调用 ...

  10. CSS3新的UI方案

    文本新增样式 一.opacity:指定了一个元素的透明度 0~1 二.新增颜色模式rgba:很好的解决了背景透明,字体颜色不透明的需求. 三.文字阴影:text-shadow用来为文字添加阴影,而且可 ...