zoukankan      html  css  js  c++  java
  • <读书笔记>Javascript系列之6种继承(面向对象)

    写在前面:

    以下三选一:

    • 阅读博文JavaScript 对象详解.
    • 阅读《JavaScript权威指南》第6章。
    • 阅读《JavaScript高级程序设计》第6章。
      • 注意:只需要看“理解对象”(Understanding Objects)部分。

    6.3 继承

    • OO语言继承方式
      • 接口继承
      • 实现继承
    • ECMAScript 只支持实现继承,而且其实现继承主要是依靠原型链。

    6.3.1 原型链

    • 回顾一下构造函数、原型、实例的关系:

      • 每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。
      • 假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?
        • 显然,此时的原型对象将包含一个指向另一个原型的指针,相应的,另一个原型中也包含着一个指向另一个构造函数的指针。
      • 假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条。这就是所谓的原型链。
    • 实现原型链的基本模式

    function SuperType(){
            this.property = true;
    }
    
    SuperType.prototype.getSuperValue = function(){
        return this.property;
    };
    
    function SubType(){
        this.subproperty = false;
    }
    
    //继承了 SuperType
    SubType.prototype = new SuperType();
    
    SubType.prototype.getSubValue = function (){
        return this.subproperty;
     };
     
    var instance = new SubType();
    alert(instance.getSuperValue());  //true
    

    • 以上代码定义了两个类型: SuperType 和 SubType。
    • 每个类型分别有一个属性和一个方法。
    • 它们 的主要区别是 SubType 继承了 SuperType,而继承是通过创建 SuperType 的实例,并将该实例赋给 SubType.prototype 实现的。
    • 实现的本质是重写原型对象,代之以一个新类型的实例。
    • 换句话说,原来存在于 SuperType 的实例中的所有属性和方法,现在也存在于 SubType.prototype 中了。
    • 在确立了 继承关系之后,我们给 SubType.prototype 添加了一个方法,这样就在继承了 SuperType 的属性和方 法的基础上又添加了一个新方法。

    未完待续

  • 相关阅读:
    Vue 移动端向上滑动加载
    关于NPOI 判断Office 是否为空的操作
    定时任务的处理
    Web中线程与IIS线程池自动回收机制
    本地VS调试服务器 IIS 程序
    每天学点node系列-stream
    聊聊前端模块化开发
    位运算解决多标签问题【原创】
    <未来世界的幸存者> 读后感(现实篇和职业篇)【原创】
    Nest.js你学不会系列-初识Nest
  • 原文地址:https://www.cnblogs.com/thqy39/p/5515829.html
Copyright © 2011-2022 走看看