<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Untitled Document</title>

        <script type=text/javascript charset=utf-8 >

        //自定义原型对象会改变原型对象的构造器。

        //原型的概念: 原型对象里的所有属性和方法 被所有构造函数实例化出来的对象所共享

        function Person(){}

        Person.prototype = {

            constructor:Person ,

            name: 'z3' ,

            age:  20 ,

            job : '程序员' ,

            friends : ['李四','王五'] ,

            sayName : function(){alert('我的名字!')}

        };

        var p1 = new Person();

        var p2 = new Person();

        p1.friends.push('赵六');//数组的.push方法

        alert(p1.friends);//改了

        alert(p2.friends);

        //我们一般组合使用构造函数式和原型模式，在实际开发中，这种模式也是应用的最为广泛。

        // 组合使用原型和构造函数式 (定义一个类 开发时常用的方式)，不能只用构造函数式或只用原型式。

        function Person(name , age , friends , job){

            this.name = name ;

            this.age  = age ;

            this.friends = friends ;

            this.job = job ;

        }

        Person.prototype = {

            constructor: Person ,

            sayName : function(){

                alert(this.name);//谁调用sayName，this就是谁

            }

        };

        var p1 = new Person('z3' , 20 , ['王五','赵六'] , '技术总监');

        var p2 = new Person('李四', 25 , ['王五','赵六' ,'赵7'] ,'boss');

        alert(p1.friends);

        p1.sayName();

        alert(p2.friends);

        p2.sayName();

        //动态原型模式：(让你的代码 都封装到一起)。动态原型模式：就是把信息都封装到函数中，这样体现了封装的概念。

        function Person(name , age , friends , job){

            this.name = name ;

            this.age  = age ;

            this.friends = friends ;

            this.job = job ;

            //动态原型方法：

            if( typeof this.sayName != 'function'){//第一次new一个Person的时候会在原型添加这个方法，第二次new Person对象的时候就不会创建了。typeof是小写的function，constructor是大写的Function

                Person.prototype.sayName = function(){

                    alert(this.name);

                }

            }

        }

        /*

        var o = {

            name:2,

            age:"22"

        }

        alert(o.sayName);//undefined

        alert(typeof o.sayName);//undefined

        */        

        //稳妥构造函数式: durable object(稳妥对象) 非常安全的环境中

        // 1 没有公共属性 ， 2 不能使用this对象

        function Person(name , age , job){

                // 创建一个要返回的对象，工厂模式，

                var obj = new Object();

                //可以定义一下私有的变量和函数 private,js里面是var局部变量，外部访问不了，内部函数使用，类似于java里面通过private声明一些变量方法。

                var name = name ;

                //var sex = '男';

                //var saySex = function(){};

                //添加一个方法

                obj.sayName = function(){

                    alert(name);

                }

                return obj ;

        }

        var p1 = new Person('张三');

        p1.sayName();

        </script>

    </head>

    <body>

    </body>

</html>

js17---创建对象：构造函数式和原型组合模式、动态原型模式、稳妥构造函数式的更多相关文章

  1. javascript创建对象的方法--动态原型模式

    javascript创建对象的方法--动态原型模式 一.总结 1.作用:解决组合模式的属性和函数分离问题  2.思路:基本思路和组合模式相同:共用的函数和属性用原型方式,非共用的的函数和属性用构造函数 ...

  2. 初涉JavaScript模式 (7) : 原型模式 【三】

    组合使用构造函数模式和原型模式 上篇,我们提到了原型模式的缺点,就是每个实例不能拥有自己的属性,因为纯原型模式所有的属性都是公开给每个实例的,故我们可以组合使用构造函数模式和原型模式.构造函数用来定义 ...

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

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

  4. Android开发中无处不在的设计模式——动态代理模式

    继续更新设计模式系列.写这个模式的主要原因是近期看到了动态代理的代码. 先来回想一下前5个模式: - Android开发中无处不在的设计模式--单例模式 - Android开发中无处不在的设计模式-- ...

  5. 拒绝编译等待 - 动态研发模式 ARK

    作者:字节跳动终端技术--徐纪光 背景 iOS 业界研发模式多为 CocoaPods + Xcode + Git 的多仓组件化开发模型.为追求极致的研发体验.提升研发效率,对该研发模式进行了大量优化, ...

  6. 【js基础】创建对象的几种常见模式（工厂模式，构造函数模式，原型模式，构造原型组合模式）

    一.工厂模式 缺点:没有解决对象识别的问题 优点:解决了创建多个相似对象的问题 function createPerson(name,age,job){ var o = new Object(); o ...

  7. JavaScript之面向对象学习六原型模式创建对象的问题,组合使用构造函数模式和原型模式创建对象

    一.仔细分析前面的原型模式创建对象的方法,发现原型模式创建对象,也存在一些问题,如下: 1.它省略了为构造函数传递初始化参数这个环节,结果所有实例在默认的情况下都将取得相同的属性值,这还不是最大的问题 ...

  8. javascript创建对象之函数构造模式和原型模式结合使用(四)

    创建自定义类型的常见方式就是组合使用构造函数模式与原型模式一起使用. 构造函数模式用于定义实例对象的特有的部分(属性和方法),原型模式用于定义共享的部分. 这样最大限度的节省了内存的开销. funct ...

  9. javacript 组合使用构造函数模式和原型模式

    构造函数模式创建对象 基本方法 function Person(name,age){ this.name=name; this.age=age; this.sayName=function(){ al ...

随机推荐

  1. 【Henu ACM Round#15 F】Arthur and Questions

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] a1+a2+...+ak<a2+a3+...ak+1 ->a1<ak+1 a2+a3+...+ak+1<a3 ...

  2. ECNUOJ 2619 询问

    询问 Time Limit:2000MS Memory Limit:65536KBTotal Submit:286 Accepted:70 Description  Pollux最近对字符串匹配很感兴 ...

  3. ArcGIS api for javascript——使用图层定义显示地图

    描述 本例展示如何使用图层定义来限制显示在地图上的图层信息.为了了解本例做了什么,看看用于这个地图的ESRI_Census_USA服务的服务目录页是有帮助的.检查地图中的图层列表.现在注意这行代码限制 ...

  4. hdu 1575 矩阵连乘2

    #include<iostream> #include<stdio.h> #include<string.h> #include<algorithm> ...

  5. 为OLED屏添加GUI支持3：字库

    为OLED屏添加GUI支持3:字库 本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 环境: 主机:WIN10 开发环境:MDK5.13 MCU:STM3 ...

  6. 12.ng-switch

    转自:https://www.cnblogs.com/best/tag/Angular/ 根据作用域表达式动态切换把那个DOM元素包含在已经编译的模板中. 示例代码: <!DOCTYPE htm ...

  7. hashCode 和 equals 方法

    hashCode 和 equals 方法 hashCode()和equals()定义在Object类中,这个类是所有java类的基类,所以所有的java类都继承这两个方法. 使用hashCode()和 ...

  8. PowerDesigner删除外键关系,而不删除外键列[转] 及编码格式

    PowerDesigner删除外键关系,而不删除外键列[转]  数据库 database  -> generate database ->format 设置为utf-8 PowerDesi ...

  9. Redux 总结

    1.redux: function reducer(state=-,action) { switch(action.type) { case '': return ... case '': retur ...

  10. Scrapy框架之日志等级

    一.日志等级 CRITICAL:严重错误 ERROR:一般错误 WARNING:警告 INFO: 一般信息 DEBUG:调试信息 [注意:默认的日志等级是DEBUG] 二.日志等级设置 修改setti ...