<!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. [ZJOI2012]旅游（树的直径）

    [ZJOI2012]旅游 题目描述 到了难得的暑假,为了庆祝小白在数学考试中取得的优异成绩,小蓝决定带小白出去旅游~~ 经过一番抉择,两人决定将T国作为他们的目的地.T国的国土可以用一个凸N边形来表示 ...

  2. linu基础入门（一）

    原创作品,允许转载,转载时请务必声明作者信息和本声明. https://www.cnblogs.com/zhu520/p/10730550.html 本人小白,有错指出.谢谢! 一:根据上一步安装与新 ...

  3. 【BZOJ 1051】[HAOI2006]受欢迎的牛

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] Tarjan算法强连通缩点 . 最后出度为0的点. 如果只有一个. 那么这个"大点"所包含的点的个数就是答案了. ...

  4. Watcher详解 工作机制， Watcher客户端注册、Watcher 服务端注册

    Watcher详解.接口 在 ZooKeeper 中, 接口类 Watcher 用于表示一个标注你的事件处理器,其定义了事件通知相关的逻辑,包含 KeeperState 和 EventType 两个枚 ...

  5. LiquiBase注释

    LiquiBase的注释 <createTable tableName="Role_" remarks="角色表">             < ...

  6. Testin实验室：陌陌APP通过率为94.92% 基本满足移动社交需求

    Testin实验室:陌陌APP通过率为94.92% 基本满足移动社交需求 2014/11/10 · Testin · 独家评測 11月8日,国内移动社交应用陌陌公开向美国证券交易委员会提交了IPO申请 ...

  7. Exchange2003迁移2010DAG的权限问题

    exchange2010无法删除用户.在2010的控制台中新建一个通讯组.然后将它删除就会报告下面错误. MicrosoftExchange 错误:无法对对象"test"执行&qu ...

  8. Weka中数据挖掘与机器学习系列之Exploer界面（七）

    不多说,直接上干货! Weka的Explorer(探索者)界面,是Weka的主要图形化用户界面,其全部功能都可通过菜单选择或表单填写进行访问.本博客将详细介绍Weka探索者界面的图形化用户界面.预处理 ...

  9. Postfix邮件系统安装配置视频

    Postfix邮件系统安装配置视频(文字资料详见linux企业应用案例精解),全部视频分为四个部分,详情如下: http://115.com/file/be9j4dsj#postfix-1.rar h ...

  10. c# 导出excel格式xlsx

    string sb="";//sql字符串 AttachmentConfigSection configSection = ConfigurationManager.GetSect ...