<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Document</title>

 </head>

 <body>

 <script>

     //构造函数模式代码实战和总结

     //1 , 用户床垫特定类型的对象

     //2，JS构造函数比较特殊的地方 new

     //3， 其他的语言里，比如php里人家实现，有一个关键字创建一个类

     //4，此时的zaomen是一个构造函数，又充当类的概念

     function zaomen(huawen){

         if (!(this instanceof zaomen)) {

             return new zaomen();

         }

         //定义私有变量

         var _huawen = '普通';

         //如果传递了参数 huawen

         if(huawen){

             _huawen = huawen;

         }

         this.suo='普通的';

         this.huawen = _huawen;

         this.create = function(){

             return  "【锁头】"+this.suo+"[花纹]"+this.huawen;

         }

     };

     var xiaozhang = zaomen();

     var a = xiaozhang.create();

     alert('xiaozhang'+a);

     var xiaoli =new zaomen('绚丽');

     alert('xiaoli'+xiaoli.create());

     //alert(a);弹出错误。因为此时create的 this.suo.. ....等等的this指向window对象 所以window没有此些属性 得 new一个 所以前面进行一个判段

     //也可以 var xiaozhang = new zaomen();

 </script>

 <script>

     //构造函数和单例模式一一相互对应的。一下修改代码

     //aa公司

     var AA = {

         function：zaomen(huawen){

         if (!(this instanceof zaomen)) {

             return new zaomen();

         }

         //定义私有变量

         var _huawen = '普通';

         //如果传递了参数 huawen

         if(huawen){

             _huawen = huawen;

         }

         this.suo='普通的';

         this.huawen = _huawen;

         this.create = function(){

             return  "【锁头】"+this.suo+"[花纹]"+this.huawen;

         }

     };

     }

 //BB公司

     var BB = {

         function：zaomen(huawen){

         if (!(this instanceof zaomen)) {

             return new zaomen();

         }

         //定义私有变量

         var _huawen = '普通';

         //如果传递了参数 huawen

         if(huawen){

             _huawen = huawen;

         }

         this.suo='普通的';

         this.huawen = _huawen;

         this.create = function(){

             return  "【锁头】"+this.suo+"[花纹]"+this.huawen;

         }

     };

     }

     var xiaozhang = new AA.zaomen();

     alert('xiaozhang'+xiaozhang.create());

     var xiaoli = new BB.zaomen('绚丽');

     alert('xiaoli'+xiaoli.create());

 </script>

 </body>

 </html>

JS-构造函数模式代码实战和总结-极客的更多相关文章

  1. JS构造函数模式

    构造函数是可以创建特定类型对象的函数,可以接受参数定义函数成员.如果之前做过java比较好理解,举个例子: function exampleFunction(arg1, arg2, arg3){ th ...

  2. Mysql实战45讲 06讲全局锁和表锁：给表加个字段怎么有这么多阻碍 极客时间 读书笔记

    Mysql实战45讲 极客时间 读书笔记 Mysql实战45讲 极客时间 读书笔记 笔记体会: 根据加锁范围:MySQL里面的锁可以分为:全局锁.表级锁.行级锁 一.全局锁:对整个数据库实例加锁.My ...

  3. js面向对象、创建对象的工厂模式、构造函数模式、原型链模式

    JS面向对象编程(转载) 什么是面向对象编程(OOP)?用对象的思想去写代码,就是面向对象编程. 面向对象编程的特点 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有对象上继承出新的对象 ...

  4. 构造函数模式自己定义js对象

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. 面向对象JS基础讲解，工厂模式、构造函数模式、原型模式、混合模式、动态原型模式

    什么是面向对象?面向对象是一种思想!(废话). 面向对象可以把程序中的关键模块都视为对象,而模块拥有属性及方法.这样我们如果把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作.接下 ...

  6. js设计模式：工厂模式、构造函数模式、原型模式、混合模式

    一.js面向对象程序 var o1 = new Object();     o1.name = "宾宾";     o1.sex = "男";     o1.a ...

  7. JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)

    什么是面向对象?面向对象是一种思想. 面向对象可以把程序中的关键模块都视为对象, 而模块拥有属性及方法. 这样如果我们把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作.   工厂 ...

  8. JS构造函数、对象工厂、原型模式

    1.对象创建的3中方法 1.1.对象字面量 var obj = { name: "mingzi", work: function () { console.log("wo ...

  9. js面向对象的几种方式----工厂模式、构造函数模式、原型模式

    对象的字面量 var obj={} 创建实例对象 var obj=new Object() 工厂模式 function cPerson(name,sex,age){ var o = new Objec ...

随机推荐

  1. SAP 成套销售&按项目销售

    http://blog.sina.com.cn/s/blog_95ac31e30102x5we.html   分类: SAP_SD SAP 成套销售&按项目销售 一.业务简介 成套销售(KIT ...

  2. linux 系统下安装多个php版本

    思路: 下载不同的php源码包,解压后安装在不同的目录下,修改php-fpm监听的端口号 php安装配置参数: ./configure --prefix=/usr/local/php71 --exec ...

  3. Python简单实现决策树

    __author__ = '糖衣豆豆' #决策树 import pandas as pda fname="~/coding/python/data/lesson.csv" data ...

  4. 在CentOS6.9上Shell脚本定时释放内存cache

    一.写Shell脚本 mkdir -p /var/script/ vim /var/script/freemem.sh 写入以下Shell脚本: #!/bin/bash # 当前已使用的内存大小 us ...

  5. hive参数配置详细

    hive.exec.mode.local.auto 决定 Hive 是否应该自动地根据输入文件大小,在本地运行(在GateWay运行) true hive.exec.mode.local.auto.i ...

  6. SpringBoot之配置文件加载位置

    1.SpringBoot启动会扫描application.properties或者application.yml文件作为springboot的配置文件.默认创建项目生成application.prop ...

  7. css3选择器和伪类

    元素选择子: * 任何元素 E 与E标签结合的任何元素 E F E的所有派生标签中,有F标签的元素 E > F 或者 E/F E的所有直接的拥有F标签的子类 E + F 所有具有F标签的元素,紧 ...

  8. vue 修饰符

    Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节,如:event.preventDefault() 或 event.stopPropagation(). Vue.js通过由点(.) ...

  9. flex布局设置width无效

    子元素设置 : flex: 0 0 85px; 参数: flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto.后两个属性可选. 该属性有 ...

  10. 压测过程中出现ops断崖式下跌原因及排解

    压测机器: 100台docker redis集群:16个分片 在开始压测的半个小时中,一直很稳定,ops稳定在20w左右.但是接下来突然ops断崖式下跌,ops降到了3w以下.然后持续一段时间,直至变 ...