zoukankan      html  css  js  c++  java
  • Javascript 寄生组合式继承

      寄生组合式继承,是集寄生式继承和组合继承的有点与一身,主要是通过借用构造函数来继承属性,通过原型链的混成形式来继承方法。

      先看一个例子:

    function inheritPrototype(SuperType, SubType){
    	var prototype = Object.create(SuperType.prototype);
    	prototype.constructor = SubType;
    	SubType.prototype = prototype;
    }
    function SuperType(name){
    	this.name = name;
    	this.colors = ["red", "blue", "yellow"];
    }
    function SubType(name){
    	SuperType.call(this, name);
    }
    inheritPrototype(SuperType, SubType);
    var s1 = new SubType("niulina");
    

      这个代码中有一个Object.create(supertype)函数,这个函数是ECMAScript 6为了规范原型式继承而提出的一个方法,与下面这个方法是等价的:

    function object(o){
    	function f(){}
    	f.prototype = o;
    	return new f();
    }
    

      这个方法做了什么工作呢?如下图所示:

      object(o)方法的工作就是:

    • 创建一个构造函数f
    • 使该构造函数的prototype指针指向参数
    • 创建f对象的一个实例,幷返回

      在该函数调用完以后,f的构造函数便会销毁,所以整个函数的工作就是让一个对象的__proto__指针指向参数。

      继续回到寄生组合式继承,第二行代码:

    var prototype = Object.create(SuperType.prototype);
    

      使得新创建的prototype对象的__proto__指针指向SuperType的原型对象。再看第三四行:

    prototype.constructor = SubType;
    SubType.prototype = prototype;
    

      将这个prototype对象的construstor指针指向SubType的构造函数,幷将SubType的构造函数的prototype指针指向这个prototype对象,所以inheritPrototype的工作就是使SubType继承于SuperType(也就是SubType的原型对象的__proto__指针指向SuperType的原型对象),如下图所示。  

      

  • 相关阅读:
    TYVJ P1092 麻将
    BZOJ 1020——[SHOI2008]安全的航线flight
    JSOI2008 火星人prefix
    Silverlight下“DataGrid”和“Pdf”导出
    Jquery实现“Iframe”页面切换
    遍历表,执行存储过程的方法
    “JS”和“Aspx”之注册“JS脚本”、刷新页面、TreeNode下JS连接设置
    WeatherWebService
    WCF方法“异步调用”的“同步问题”
    “Silverlight”中获取“HTML元素和参数”及JS交互
  • 原文地址:https://www.cnblogs.com/niulina/p/5712263.html
Copyright © 2011-2022 走看看