<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>js高级语法3-原型模式 </title>

     </head>

     <body>

         <script>

             /*

              javascript原型模式（prototype）：

             1. 原型是一个对象，其他对象可以通过它实现属性的继承，所有的对象在默认的情况下都有一个原型。

              因为原型的本身也是对象。所以一个类的真正原型是被类的内部的prototype属性所持有。

             2.什么可以称之为对象？

             在javascript中，一个对象就是任何的无序的键值对的集合。

             如果他不是一个主数据类型（undefined，null，boolean，number，string）

             其他的通通叫做对象

             */

             /*

              javascript中的原型是和函数紧密连接的；

              var o ={} 他不是用function定义的，他有原型吗？

              有。

              每个通过函数和new操作符生成出来的对象都持有一个属性  __proto__,这个属性

              保存了创建他的构造函数的prototype的原型引用。

              * */

             /*

             function Person(){}  // 定义一个空对象

             Person.prototype.name="张三";

             Person.prototype.showName=function(){

                 //这个this表示调用本函数的一个具体实例化的类

                 alert(this.name);

             }

             new Person().showName();

             var cat = {};

         //    cat.prototype.name="112";//报错，prototype未定义

             //默认隐藏的调用下面的代码：

             Object.getPrototypeOf(cat).name="zhangdan"; //这是获取隐藏原型的方法，浏览器支持度不好

             cat.__proto__.master = "javascript";

             //上边两个是显式调用，下面是隐式调用，作用是一样的

             cat.age=2;

             cat['sex']="man";

             alert(cat.name+" "+cat.master+" "+cat.age+" "+cat["sex"]);

         */

              //利用原型模式实现简单继承

              function per(){

                  this.getName = function(str){

                      alert(str);

                  }

              }

              per.prototype.getAge = function(age){

                  alert(age);

              }

              //不完全继承

              var a = {};//空类

              a.__proto__ = per.prototype;

              //把要被继承的原型引用，赋值给要继承的类，相当于一个挂载

              //如果要继承的类是一个空类，那么就会完全继承

             a.getAge(3);

             //a.getName("张丹"); //这个方法 报错，因为继承的是原型，也就是上一级的所有东西，

             //但是不包括被继承类自身定义的属性和方法

             //简单方式实现继承（js中无法实现多继承）

             //完全继承

             var b = {};

             b.__proto__ = new per();

             b.__proto__.constructor = b;

             b.getAge(9);

             b.getName("xiaowang");

             //串联继承

             function m(){

                 this.showM = function(){

                     alert("I am is M ")

                 }

             }

             function n(){

                 this.showN = function(){

                     alert("I am is N ")

                 }

             }

             function k(){};

             n.prototype = new m();

             n.prototype.constructor = n;

             k.prototype = new n();

             k.prototype.constructor = k;

             var boo = new k();

             boo.showM();

             boo.showN();

         </script>

     </body>

 </html>

JavaScript设计模式-3.原型模式的更多相关文章

  1. 再起航，我的学习笔记之JavaScript设计模式09(原型模式)

    我的学习笔记是根据我的学习情况来定期更新的,预计2-3天更新一章,主要是给大家分享一下,我所学到的知识,如果有什么错误请在评论中指点出来,我一定虚心接受,那么废话不多说开始我们今天的学习分享吧! 我们 ...

  2. JavaScript设计模式 (1) 原型模式

    原型模式(Prototype):用原型实例指向创建类对象,使用于创建新对象的类共享原型对象的属性以及方法. //图片轮播类 var LoopImages = function (imgArr, con ...

  3. Javascript设计模式之原型模式、发布订阅模式

    原型模式 原型模式用于在创建对象时,通过共享某个对象原型的属性和方法,从而达到提高性能.降低内存占用.代码复用的效果. 示例一 function Person(name) { this.name = ...

  4. JavaScript设计模式之----组合模式

    javascript设计模式之组合模式 介绍 组合模式是一种专门为创建Web上的动态用户界面而量身制定的模式.使用这种模式可以用一条命令在多个对象上激发复杂的或递归的行为.这可以简化粘合性代码,使其更 ...

  5. 设计模式_11_原型模式（prototype）深拷贝、浅拷贝

    设计模式_11_原型模式(prototype) 浅拷贝: package designPatternOf23; /** * 定义:用原型实例,指定创建对象的种类,并通过拷贝这些原型创建新的对象 * P ...

  6. C#设计模式(6)——原型模式（Prototype Pattern）

    一.引言 在软件系统中,当创建一个类的实例的过程很昂贵或很复杂,并且我们需要创建多个这样类的实例时,如果我们用new操作符去创建这样的类实例,这未免会增加创建类的复杂度和耗费更多的内存空间,因为这样在 ...

  7. 乐在其中设计模式(C#) - 原型模式(Prototype Pattern)

    原文:乐在其中设计模式(C#) - 原型模式(Prototype Pattern) [索引页][源码下载] 乐在其中设计模式(C#) - 原型模式(Prototype Pattern) 作者:weba ...

  8. js原生设计模式——7原型模式之真正的原型模式——对象复制封装

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

  9. C#设计模式之六原型模式（Prototype）【创建型】

    一.引言 在开始今天的文章之前先说明一点,欢迎大家来指正.很多人说原型设计模式会节省机器内存,他们说是拷贝出来的对象,这些对象其实都是原型的复制,不会使用内存.我认为这是不对的,因为拷贝出来的每一个对 ...

随机推荐

  1. 微服务中的健康监测以及其在ASP.NET Core服务中实现运行状况检查

    1 .什么是健康检查? 健康检查几乎就是名称暗示的.它是一种检查您的应用程序是否健康的方法.随着越来越多的应用程序转向微服务式架构,健康检查变得尤其重要(Health Check).虽然微服务架构有很 ...

  2. 多次grep 没有看到输出

    tail -f xxx.log | grep aaaa | grep bbbb 发现没有日志输出 但log中的那条记录包含aaaa 和 bbbb,就是说tail  -f xxx.log | grep ...

  3. 安装、启动consul

    1.下载 从consul官网https://www.consul.io/downloads.html下载 2.解压.配置 将下载的  consul_1.4.4_linux_amd64.zip 解压 t ...

  4. roadflow作为工作流引擎服务中心webapi说明

    将RoadFlow作为工作流引擎服务中心,其它第三方系统如OA,ERP等通过调用RoadFlow对外提供的标准WebApi接口来实现流程发送.退回.查询待办事项.已办事项.查看流转审批过程等操作.实现 ...

  5. SparkSQL大数据实战：揭开Join的神秘面纱

    本文来自 网易云社区 . Join操作是数据库和大数据计算中的高级特性,大多数场景都需要进行复杂的Join操作,本文从原理层面介绍了SparkSQL支持的常见Join算法及其适用场景. Join背景介 ...

  6. GO学习笔记 - 没有参数的 return 语句返回各个返回变量的当前值，这种用法被称作“裸”返回。

    Go 的返回值可以被命名,并且就像在函数体开头声明的变量那样使用. 返回值的名称应当具有一定的意义,可以作为文档使用. 没有参数的 return 语句返回各个返回变量的当前值.这种用法被称作“裸”返回 ...

  7. Tomcat绿色版启动"startup.bat"一闪问题的解决方法！

    进入DOS窗口,运行"startup.bat",会出现错误提示,我是win7 64位,提示“JRE_HOME”设置不正确.于是进入环境变量配置,设置“JRE_HOME”项,随后保存 ...

  8. SQL注入不简单？那是你没有懂它的原理~

    我们真的了解SQL注入吗? 不管用什么语言编写的Web应用,它们都用一个共同点,具有交互性并且多数是数据库驱动.在网络中,数据库驱动的Web应用随处可见,由此而存在的SQL注入是影响企业运营且最具破坏 ...

  9. 【awk】按小时切割日志

    需求: 把日志按日志内容中的小时数做切割 {hostname=ali-beijing-msync-3512} 2017-05-17 23:17:52.694 [info] <0.27292.70 ...

  10. php的session获取不到问题之ie浏览器（yaf框架）

    最近在内网写代码的时候遇到一个很怪异的问题, 花了好长时间调试,在次记录一下问题和解决方法. 问题描述: 内网开发使用的yaf框架,在火狐,谷歌,创建的session和cookie都能获取的到,但是在 ...