<!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. Lintcode93-Balanced Binary Tree-Easy

    93. Balanced Binary Tree Given a binary tree, determine if it is height-balanced. For this problem, ...

  2. WEB前端基础知识点

    因为要告知浏览器的解析器用什么文档标准解析这个文档,所以在文档的开头要写上文档类型声明,H5的文档类型声明要比H4文档类型声明简洁的多.因为H5不基于SGML(标准通用标记语言),所以不需要对DTD文 ...

  3. vim 翻页命令

    整页翻页 ctrl-f:向下翻一页    f含义:forword ctrl-b:向上翻一页    b含义:backward 翻半页 ctrl-d:向下翻半页  d含义:down ctlr-u:向上翻半 ...

  4. 数据类型 varchar 和 uniqueidentifier 在 add 运算符中不兼容

    select '<a href="/'+a.id +'" title="'+ a.title +'">'+a.Title+'</a>' ...

  5. 动态修改JS对象的值及React setState

    一.在JS里使用(非ES6) 实现场景: 给一个空对象填充某一指定数组内的值 并随机生成数量 const fruit = ['apple', 'banana', 'orange'] let fruit ...

  6. 初学者易上手的SSH-hibernate04 一对一 一对多 多对多

    这章我们就来学习下hibernate的关系关联,即一对一(one-to-one),一对多(one-to-many),多对多(many-to-many).这章也将是hibernate的最后一章了,用于初 ...

  7. 51nod 1201 整数划分 dp

    1201 整数划分 基准时间限制:1 秒 空间限制:131072 KB   收藏  关注 将N分为若干个不同整数的和,有多少种不同的划分方式,例如:n = 6,{6} {1,5} {2,4} {1,2 ...

  8. 「Python」数据清洗常用正则

    对爬虫数据进行自然语言清洗时用到的一些正则表达式 标签中的所有属性匹配(排除src,href等指定参数) 参考链接 # \b(?!src|href)\w+=[\'\"].*?[\'\&quo ...

  9. 自定义 Cordova插件（基础篇）

    cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用 ...

  10. (完美)华为Mate8 NXT-TL00的USB调试模式在哪里开启的经验

    每当我们使用pc通过数据线连接上安卓手机的时候,如果手机没有开启usb调试模式,pc则没法成功检测到我们的手机,在一些情况下,我们使用的一些功能比较强的的软件如以前我们使用的一个软件引号精灵,老版本就 ...