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. docker安装cloudera manager，切换cloudera-scm用户报错can not open session

    在root帐号下su - cloudera-scm报错can not open session 在网上搜,大概是说ulimit超过限制之类,搞了很久才找到/etc/security/limits.d/ ...

  2. java设计模式学习 ----- 单例模式（Singleton）

    单例模式(Singleton) 单例对象(Singleton)是一种经常使用的设计模式. 在Java应用中,单例对象能保证在一个JVM中,该对象仅仅有一个实例存在.单例模式也分三种:懒汉式单例.饿汉式 ...

  3. CORS support in Spring Framework--官方

    原文地址:https://spring.io/blog/2015/06/08/cors-support-in-spring-framework For security reasons, browse ...

  4. Docker -- 系统整洁之道 -- 0

    在我的小 rmbp 256G的硬盘里,实在是装不下100多个G的虚拟机了,所以想把一些东西迁移到这两年很火的Docker下,Docker以前也有过一两次,只是按着别人给的用法用的,具体的一些细节并没有 ...

  5. SQL Server 2000数据库备份与恢复图解

    SQL Server 2000数据库备份与恢复图解   四个步骤:1.安装sql server 2000 2.数据库设置: 3.建立自动备份 4.还原数据库  具体图片见附件 本文出自 "李 ...

  6. 联想杨天 S4130-12 win10改win7 bios参数设置

    一.进入bios 开机后按 F1 二.改bion参数 1.移动到 save& Exit  ,修改 OS optimized defaults   为“Disbled” 再 “F9” 保存 2. ...

  7. React开发实时聊天招聘工具 -第六章 登陆注册(2)

    1.bodyParser和cookieParser:   const bodyParser = require('body-parser') const cookieParser = require( ...

  8. ES6学习笔记（六）数组的扩展

    1.扩展运算符 1.1含义 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) // ...

  9. whereis---定位指令的二进制程序、源代码文件和man手册页等相关文件的路径。

    whereis命令用来定位指令的二进制程序.源代码文件和man手册页等相关文件的路径. whereis命令只能用于程序名的搜索,而且只搜索二进制文件(参数-b).man说明文件(参数-m)和源代码文件 ...

  10. SFINAE 模板替换失败而非报错的应用

    体会这一个例子,检查是否是一个类:P187