<!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. HTTP状态码以及其含义大全 _IT技术小趣屋

    原文:HTTP状态码以及其含义大全 _IT技术小趣屋 HTTP状态码(英语:HTTP Status Code)是用以表示网页服务器超文本传输协议响应状态的3位数字代码.我们在开发过程中比较常见的状态码 ...

  2. U-boot 启动内核

    1:什么是UBOOT,为什么要有UBOOT? UBOOT的主要作用是用来启动linux内核,因为CPU不能直接从块设备中执行代码,需要把块设备中的程序复制到内存中,而复制之前还需要进行很多初始化工作, ...

  3. 【转】 java RSA加密解密实现

    [转] java RSA加密解密实现 该工具类中用到了BASE64,需要借助第三方类库:javabase64-1.3.1.jar 下载地址:http://download.csdn.net/detai ...

  4. POJ——T 1988 Cube Stacking

    http://poj.org/problem?id=1988 Time Limit: 2000MS   Memory Limit: 30000K Total Submissions: 25865   ...

  5. LINUX 系统初始化脚本

    #!/bin/bash ######the system first start configuretion #####for install  ####copy right by donglei## ...

  6. 使用Java8提供的Duration类制作字幕时间轴调整工具

    网上下载的字幕有时和片源的时间轴不一致.我们能够自己写一个工具来调整,也就是总体向前移动几秒,或者向后移动几秒.Java8中提供的Duration类使得这样的时间计算极其方便.以下就以最简单的srt字 ...

  7. ASIHTTPRequest导入出错-libxml出错， i386 "_deflate"

    导入需要 ASIHTTPRequest 依赖于以下5个框架或库: CFNetwork, SystemConfiguration,MobileCoreServices, CoreGraphics 和 l ...

  8. java设计模式学习 ----- 单例模式（Singleton）

    单例模式(Singleton) 单例对象(Singleton)是一种经常使用的设计模式. 在Java应用中,单例对象能保证在一个JVM中,该对象仅仅有一个实例存在.单例模式也分三种:懒汉式单例.饿汉式 ...

  9. 2015北京网络赛 Couple Trees 倍增算法

    2015北京网络赛 Couple Trees 题意:两棵树,求不同树上两个节点的最近公共祖先 思路:比赛时看过的队伍不是很多,没有仔细想.今天补题才发现有个 倍增算法,自己竟然不知道.  解法来自 q ...

  10. 为什么选择Sqoop1

    1)大部分企业还在使用sqoop1版本 2)sqoop1能满足公司的基本需求 3)sqoop2 功能还不是很成熟和完善 4)sqoop只是一个工具而已,相对比较简单