<!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. web——前后端通信原理

    前端向后台传输数据: 传输方法:post  get 区别: (1)get:用于从服务器获取数据,将参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看 ...

  2. 编译impala、拓展impala语法解析模块

    以前也编译过,但是每次编译都忘记怎么做,然后都得重新找需要下载的文件. 编译文件:buildall.sh 如果想只编译前端可以这样运行: buildall.sh -fe_only 编译时会去S3下载一 ...

  3. 使用commons-email发邮件

    这里我用到了两个包: commons-email-1.3.2.jar mail-1.4.1.jar 如果不加mail.jar,就可能会抛出NoClassDefFoundError异常 之后代码引用ht ...

  4. c#+ArcGIS Engine-获取矢量图层的空间参考

    转自原文c#+ArcGIS Engine-获取矢量图层的空间参考 介绍一种简单的获取矢量图层空间参考的方法: 首先打开Shp文件获得FeatureClass,代码如下: string pPath=&q ...

  5. QlikView随意改变图例的位置

    组里面花了大价钱请人设计了一套UI的solution,只是是以站点思路设计的报表样式,可是该报表UI设计团队本身因为没有QlikView的背景,因此设计出来的报表不知道能不能再QlikView中实现, ...

  6. 使用ThoughtWorks.QRCode生成二维码

    新建Windows应用程序,加入引用ThoughtWorks.QRCode.dll,编写代码生成二维码. using System; using System.Drawing; using Syste ...

  7. 微软CEO纳德拉拥抱Linux意欲何为？

    "我不喜欢打一场过时的战争."微软 CEO 萨蒂亚·纳德拉说道,"我想要打一场全新的战役." 上周日晚上.萨蒂亚·纳德拉来到旧金山 North Beach 区的 ...

  8. strchr函数的实现而不是使用

    刚刚在写一个程序的时候突然须要用到定位到一个字符串中第一次出现某个字符的位置,于是就找到了strchr()函数,之前从没实用过的,^_^当然我能够直接调用就可以.可是拥有良好程序素质的洗衣袋决定要想实 ...

  9. vue17 $watch 监听数据变化

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

  10. modSecurity规则学习（四）——规则指令编写

    规则语言是使用9个指令实现: 语法:SecRule VARIABLES OPERATOR [TRANSFORMATION_FUNCTIONS, ACTIONS] Variables 以下几种: Reg ...