一、构造函数模式概念

构造函数用于创建特定类型的对象——不仅声明了使用过的对象，构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数，然后在里面声明自定义类型对象的属性或方法。

在JavaScript里，构造函数通常是认为用来实现实例的，JavaScript没有类的概念，但是有特殊的构造函数。通过new关键字来调用自定义的构造函数，在构造函数内部，this关键字引用的是新创建的对象。

二、单例模式的作用和注意事项

模式作用：

1.用于创建特定类型的对象

2.第一次声明的时候给对象赋值

3.自己声明构造函数，赋予属性和方法

注意事项：

1.声明函数的时候处理业务逻辑

2.区分和单例的区别，配合单例实现初始化

3.构造函数大写字母开头

三、单例模式代码和实战总结

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<!--<script>

    function Car(model,year,miles){

        if(!(this instanceof Car)){

            return new Car(model,year,miles);

        }

        this.model = model;

        this.year = year;

        this.miles = miles;

        this.output = function(){

            return this.model + "走了" + this.miles + "公里";

        }

    }

    var tom = new Car("大叔",2009,20000);

    var dudu = Car("Dudu",2010,5000);

    console.log(typeof tom);

    console.log(tom.output());

    console.log(typeof dudu);

    console.log(dudu.output());

</script>-->

<script>

    //1.用于创建特定类型的对象

    //2.这样的函数名会被人笑话

    //3.js开发的时候写单引号

    //4.js里构造函数比较特殊的地方 new

    //5.其他的语言里 比如PHP 里人家实现 有一个关键字 A class

    //6.zaomen就是构造函数 他又充当了类的概念

    var AA = {

        zaomen:function(huawen) {

            if (!(this instanceof AA.zaomen)) {

                console.log(123);

                return new AA.zaomen(huawen);

            };

            var _huawen = "普通";

            if (huawen) {

                _huawen = huawen;

            }

            this.suo = "普通";

            this.huawen = _huawen;

            this.create = function () {

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

            }

        }

    };

    var BB = {

        zaomen:function(huawen) {

            if (!(this instanceof BB.zaomen(huawen)) {

                return new BB.zaomen(huawen);

            };

            var _huawen = "普通";

            if (huawen) {

                _huawen = huawen;

            }

            this.suo = "普通";

            this.huawen = _huawen;

            this.create = function () {

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

            }

        }

    };

    /*function zaomen(huawen){

        if(!(this instanceof zaomen)){

            return new zaomen();

        }

        var _huawen = "普通";

        if(huawen){

            _huawen = huawen;

        }

        this.suo = "普通";

        this.huawen = _huawen;

        this.create = function(){

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

        }

    }*/

    var xiaozhang = AA.zaomen();

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

    var xiaoli = BB.zaomen("绚丽",'123');

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

</script>

</body>

</html>

其他设计模式链接：

JavaScript设计模式之构造函数模式的更多相关文章

  1. javascript --- 设计模式之构造函数模式

    在JavaScript里,构造函数通常是认为用来实现实例的,JavaScript没有类的概念,但是有特殊的构造函数.通过new关键字来调用定义的否早函数,你可以告诉JavaScript你要创建一个新对 ...

  2. [JS设计模式]：构造函数模式（2）

    基本用法 function Car(model, year, miles) { this.model = model; this.year = year; this.miles = miles; th ...

  3. JavaScript设计模式之----组合模式

    javascript设计模式之组合模式 介绍 组合模式是一种专门为创建Web上的动态用户界面而量身制定的模式.使用这种模式可以用一条命令在多个对象上激发复杂的或递归的行为.这可以简化粘合性代码,使其更 ...

  4. 从ES6重新认识JavaScript设计模式(三): 建造者模式

    1 什么是建造者模式? 建造者模式(Builder)是将一个复杂对象的构建层与其表示层相互分离,同样的构建过程可采用不同的表示. 建造者模式的特点是分步构建一个复杂的对象,可以用不同组合或顺序建造出不 ...

  5. 深入理解JavaScript系列（26）：设计模式之构造函数模式

    介绍 构造函数大家都很熟悉了,不过如果你是新手,还是有必要来了解一下什么叫构造函数的.构造函数用于创建特定类型的对象——不仅声明了使用的对象,构造函数还可以接受参数以便第一次创建对象的时候设置对象的成 ...

  6. JavaScript设计模式之建造者模式

    一.建造者模式模式概念 建造者模式可以将一个复杂的对象的构建与其表示相分离,使得同样的构建过程可以创建不同的表示.也就是说如果我们用了建造者模式,那么用户就需要指定需要建造的类型就可以得到它们,而具体 ...

  7. JavaScript设计模式之工厂模式

    一.工厂模式概念 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类.该模式使一个类的实例化延迟到了子类.而子类可以重写接口方法以便创建的时候指定自己的对象类型(抽象工厂). 这个模 ...

  8. JavaScript设计模式之代理模式

    一.代理模式概念 代理,顾名思义就是帮助别人做事,GoF对代理模式的定义如下: 代理模式(Proxy),为其他对象提供一种代理以控制对这个对象的访问.代理模式使得代理对象控制具体对象的引用.代理几乎可 ...

  9. JavaScript设计模式之命令模式

    一.命令模式概念 命令模式(Command)的定义是:用来对方法调用进行参数化处理和传送,经过这样处理过的方法调用可以在任何需要的时候执行.也就是说该模式旨在将函数的调用.请求和操作封装成一个单一的对 ...

随机推荐

  1. javascript 基础学习整理

    1. javascript是动态语言,脚本语言,弱类型语言. 2. javascript代码在html文件中的位置安排,放在<body></body>内部与外部的区别.如何引用 ...

  2. webserver/CGI

    来自:http://blog.sina.com.cn/s/blog_466c6640010000nj.html   1. TUX2. lighttpd,thttpd,shttpd 3. 几种web s ...

  3. 【模拟】NEERC15 A Adjustment Office (2015-2016 ACM-ICPC)(Codeforces GYM 100851)

    题目链接: http://codeforces.com/gym/100851 题目大意: 一个N*N的矩阵A,Ai,j=i+j,Q次操作,每次分两种,R r取出第r行还未被取的所有数,并输出和.C c ...

  4. 【模拟】Codeforces 710A King Moves

    题目链接: http://codeforces.com/problemset/problem/710/A 题目大意: 国际象棋标准8X8棋盘,国王能往周围8个方向走.输入国王的位置,输出当前国王能往几 ...

  5. bzoj 3572 [Hnoi2014]世界树（虚树+DP）

    3572: [Hnoi2014]世界树 Time Limit: 20 Sec  Memory Limit: 512 MBSubmit: 645  Solved: 362[Submit][Status] ...

  6. CLOSE-UP FORMALWEAR_意大利进口_2015秋冬_男装发布会_西装图片系列_男装西装设计资料_WeArTrends时尚资讯网_国内最专业的服装设计资讯网站

    CLOSE-UP FORMALWEAR_意大利进口_2015秋冬_男装发布会_西装图片系列_男装西装设计资料_WeArTrends时尚资讯网_国内最专业的服装设计资讯网站 CLOSE-UP FORMA ...

  7. 360. Sort Transformed Array

    一元二次方程...仿佛回到了初中. 主要看a的情况来分情况讨论: =0,一次函数,根据b的正负单调递增递减就行了. <0,凸状..从nums[]左右两边开始往中间一边比较一边 从右往左 放: 0 ...

  8. Spring 基础知识

    Spring架构简单描述 原文:https://www.shiyanlou.com/courses/document/212 Spring 概述 1. Spring 是什么 Spring是一个开源的轻 ...

  9. iOS 开发 入门：使用Ad Hoc 进行用户测试

    在完成iOS开发,准备进行发布之前,我们都希望App能在周围的朋友之间先进行测 试,提提意见,修改完善之后再发布到App Store上.Apple考虑到这一点,因此通过Ad Hoc来实现发布前的用户测 ...

  10. 统计学习导论：基于R应用——第五章习题

    第五章习题 1. 我们主要用到下面三个公式: 根据上述公式,我们将式子化简为 对求导即可得到得到公式5-6. 2. (a) 1 - 1/n (b) 自助法是有有放回的,所以第二个的概率还是1 - 1/ ...