动态原型模型

组合使用构造函数模型和原型模型，使得OO语言程序员在看到独立的构造函数和原型时很困惑。动态原型模型致力于解决该问题，它把所有的信息封装在构造函数中，通过在构造函数中初始化原型（仅在必要情况下），同时又使用构造函数和原型的优点。

实例代码如下：

<!DOCTYPE html>

<html>

<head>

    <title>动态原型模型</title>

    <script type="text/javascript">

        //动态原型模型：把所有的信息封装在构造函数中。通过在构造函数中初始化原型（仅在必要情况），又保持了同时使用构造函数和原型模型的优点。

        function Student(name,age,sex){

            this.name=name;

            this.age=age;

            this.sex=sex;

            this.friends=["Kitty","Court"];

            if(typeof this.sayName!="function"){

                //不能使用对象字面量重写原型

                Student.prototype.sayName=function(){

                alert(this.name);

                };

            }

        }

        var stu1=new Student("Lucy",10,"girl");

        stu1.sayName();

        var stu2=new Student("Bob",9,"boy");

        stu2.sayName();

        stu1.friends.push("Van");

        alert(stu1.friends);//"Kitty,Court,Van"

        alert(stu2.friends);//"Kitty,Court"

        alert(stu1.friends===stu2.friends);//false

        alert(stu1.sayName===stu2.sayName);//true

    </script>

</head>

<body>

</body>

</html>

寄生构造函数模型

基本思想：创建一个函数，该函数作用仅仅是封装创建对象的代码，然后返回新创建的对象。

以下代码说明该模型基本思想：

<!DOCTYPE html>

<html>

<head>

    <title>寄生构造函数模型</title>

    <script type="text/javascript">

        function Student(name,age,sex){

            var  o=new Object();

            o.name=name;

            o.age=age;

            o.sex=sex;

            o.friends=["Kitty","Court"];

            o.sayName=function(){

                alert(this.name);

                };

            return o;

        }

        var stu1=new Student("Lucy",10,"girl");

        stu1.sayName();

        alert(stu1 instanceof Student);    //false

        alert(stu1 instanceof Object);//true

    </script>

</head>

<body>

</body>

</html>

注：返回的对象与构造函数或者与构造函数的原型属性之间没有任何关系；即：构造函数返回的对象与在构造函数外部创建的对象没什么不同。不能依赖instanceof操作符来确定对象类型。

这种模式常用在特殊情况下为对象创建构造函数。

JS面向对象——动态原型模型、寄生构造模型的更多相关文章

  1. js 面向对象 动态添加标签

    有点逻辑 上代码 thml布局 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  2. JS面向对象，原型，继承

    ECMAScript有两种开发模式:1.函数式(过程化),2.面向对象(OOP).面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.但是,ECMAScript ...

  3. js面向对象与原型

    创建对象 var box = new Object();//创建对象 box.name = 'Lee'; //添加属性 box.age = 100; box.run = function(){ ret ...

  4. JS面向对象之原型

    面向对象之原型 为什么要使用原型 由于 js 是解释执行的语言, 那么在代码中出现的函数与对象, 如果重复执行, 那么会创建多个副本, 消耗更多的内存, 从而降低性能 传统构造函数的问题 functi ...

  5. JS面向对象之原型链

      对象的原型链 只要是对象就有原型 原型也是对象 只要是对象就有原型, 并且原型也是对象, 因此只要定义了一个对象, 那么就可以找到他的原型, 如此反复, 就可以构成一个对象的序列, 这个结构就被成 ...

  6. 从零开始的全栈工程师——JS面向对象（ 原型 this 继承）

    一.生成对象的方式 ①单例模式(字面量定义)var obj = {} ②类的实例 var obj = new Object( ) ③工厂模式 ④构造函数:扮演三种角色 普通函数 普通对象 类 工厂模式 ...

  7. 21 , CSS 构造模型

    1. div 2. 边距 3. 边框 4. 定位 5. 浮动 1 21.1  div 部分(division)---<div>元素,经常以 div 形式引用---是 XHTML 元素,用于 ...

  8. JS面向对象——组合使用构造函数模型与原型模型中的隐患

    组合使用构造函数模型和原型模型中的问题,使用对象字面量重写原型模型会有隐患(涉及到原型的动态性),如下例: <!DOCTYPE html> <html> <head> ...

  9. JavaScript之面向对象学习七(动态原型模式、寄生构造函数模式、稳妥构造函数模式创建自定义类型)

    一.动态原型模式 在面向对象学习六中的随笔中,了解到组合构造函数模式和原型模式创建的自定义类型可能最完善的!但是人无完人,代码亦是如此! 有其他oo语言经验的开发人员在看到独立的构造函数和原型时,很可 ...

随机推荐

  1. Codeforces 750E 线段树DP

    题意:给你一个字符串,有两种操作:1:把某个位置的字符改变.2:询问l到r的子串最少需要删除多少个字符,使得这个子串含有2017子序列,并且没有2016子序列? 思路:线段树上DP,我们设状态0, 1 ...

  2. CF3D Least Cost Bracket Sequence(2500的实力贪心...

    哎,昨天一直在赶课设..没有写 最近听了一些人的建议,停止高级算法的学习,开始刷cf. 目前打算就是白天懒得背电脑的话,系统刷一遍蓝书紫书白书之类的(一直没系统刷过),回宿舍再上机吧. https:/ ...

  3. [APIO2009]抢掠计划（Tarjan，SPFA）

    [APIO2009]抢掠计划 题目描述 Siruseri 城中的道路都是单向的.不同的道路由路口连接.按照法律的规定, 在每个路口都设立了一个 Siruseri 银行的 ATM 取款机.令人奇怪的是, ...

  4. csv导入数据

    1.关闭Neo4j服务器进程 2.删除graph.db数据库文件  /data/databases/  rm -rf graph.db 3.重新启动Neo4j服务器 4.数据导入import 5.wi ...

  5. AIX下的ha高可用集群cluster

    安装ha软件 一.安装软件 最稳定的版本是5.4.0,优先安装稳定版本5.4 安装依赖于包base.data, cluster的man包安装失败原因是缺少base.data包 安装所有cluster. ...

  6. git & gerrit & shell

    g公司使用Gerrit改善评审流程. 比较麻烦.gerrit提交后会触发vertifyCI, 实施代码扫描. 这一堆过程, 打印出一堆信息, 都在log中, 所以处理log就需要自己写shell了. ...

  7. [STL]lower_bound&upper_bound

    源码 lower_bound template <class ForwardIterator, class T> ForwardIterator lower_bound (ForwardI ...

  8. Cookie由谁设置、怎么设置、有什么内容？

    Cookie是由服务器生成,保存在客户端本地的一个文件,通过response响应头的set-Cookie字段进行设置,下面是一个示例: Cookie包含什么信息? 它可以记录你的用户ID.密码.浏览过 ...

  9. php面试专题---11、开发环境及配置考点

    php面试专题---11.开发环境及配置考点 一.总结 一句话总结: 了解php运行原理及常见的配置项 1.版本控制软件? 集中式:CVS和SVN 分布式:Git 2.请简述CGI.FastCGI和P ...

  10. python中的变量的学习

    今年以来,时间都安排在学习python语言上了.(python3) 从最基础的变量开始学习.尽管以前学习过一段时间,但这次是系统性的学习,所以多花点时间,重新开始.学习完基础知识后,多练习几个项目. ...