<!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. 【CS Round #36 (Div. 2 only) A】Bicycle Rental

    [题目链接]:https://csacademy.com/contest/round-36/task/bicycle-rental/ [题意] 让你从n辆车中选一辆车; 每一辆车有3个属性 1.到达车 ...

  2. uip UDP server广播模式(client能够随意port,而且主动向client发送数据)

    眼下移植uip,发现UDP server模式下,必须指定本地port以及clientport,否则仅仅能讲clientport设置为0,才干接收随意port的数据,可是无法发送数据,由于此时clien ...

  3. 解决Struts中文乱码问题总结

    在进行struts开发的过程中.总也是出现非常多的乱码问题.但归根究竟,也仅仅是下面三种情况:  ㈠页面显示中文乱码  ㈡传递參数中文乱码  ㈢国际化资源文件乱码  以下就这三中情况介绍怎么在详细项目 ...

  4. Objective-C - NSInteger转换NSString

    NSInteger不是对象, 转换为long匹配64位系统, 再组成字符串(%ld). NSString *inStr = [NSString stringWithFormat: @"%ld ...

  5. 版本控制Git（1）——理解暂存区

    一.svn和Git的比较 我们都知道传统的源代码管理都是以服务器为中心的,每个开发者都直接连在中间服务器上, 本地修改,然后commit到svn服务器上.这种做法看似完美,但是有致命的缺陷. 1. 开 ...

  6. Retrofit请求数据对错误以及网络异常的处理

    http://blog.csdn.net/jdsjlzx/article/details/51566683

  7. 分享一段官date函数用法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. CentOS6.x操作系统自带的 DM Multipath(DMMP)多路径软件配置说明。

    CentOS系统下的多路径软件是操作系统自带的 DM Multipath(DMMP)工具.------------------------------------------------------- ...

  9. js笔记3

    1字符串 replace("","")替换,前面为要替换什么,后面为替换的内容只能替换一个 2DOM 时间三要素 事件源 谁身上发生的行为 事件 单机 双击 事 ...

  10. Mysql学习总结（6）——MySql之ALTER命令用法详细解读

    MySql语法中Alter命令的用法,这是一个用法比较多的语法,而且功能还是很强大的. [sql] view plaincopy USE learning;(自己要提前建好) CREATE TABLE ...