zoukankan      html  css  js  c++  java
  • node.js 下使用 util.inherits 来实现继承

    上一篇博客说到了node.js继承events类实现事件发射和事件绑定函数,其中我们实现了一个公用基类 _base ,然后在模型中差异化的定义了各种业务需要的模型并继承 _base 公共基类.但是其中的继承是一笔带过,今天详细的说下node.js中继承.

    var events=require('events');
    var util=require('util');
     
    function _base(){
        this.emitter=new events.EventEmitter(this);
    };
     
    util.inherits(_base,events.EventEmitter); //继承
     
    _base.prototype.onEvent=function(eventName,callback){
        this.emitter.on(eventName,callback);
    }
     
    _base.prototype.emitEvent=function(eventName,arg){
        this.emitter.emit(eventName,arg);
    }
     
    module.exports=_base;

    util 包介绍:

    node.js中的util核心包是node.js自带的核心代码,其完全用javascript代码实现,里面实现了一些常用的工具方法.

    其中,我们今天要说的继承方法 inherites 就是util 核心包实现的一个api 

    util.inherits :

    util.inherits(constructor, superConstructor)

    此方法有2个参数: 此方法参数针对的都是构造函数

    constructor : 构造函数

    superConstructor: 父类构造函数

    分析最上面的代码:

    var events=require('events');
    var util=require('util');

    node.js 核心代码都包含上面的2个包,直接 require 引用即可

    接下来是构造函数:

    function _base(){
        this.emitter=new events.EventEmitter(this);
    };

    此构造函数里定义了一个私有变量 emitter ,细心的人应该发现此私有变量在下面的方法中用到了,为什么会这样,我们会再下一篇博客中来分析原型对象为何能共享构造函数中的私有变量.(此篇略过)

    再下来是继承语法:

    util.inherits(_base,events.EventEmitter); //继承

    inherits 把2个构造函数传入进去到底做了什么?

    我们来看下 inherits 的源码:

    exports.inherits = function(ctor, superCtor) {
     ctor.super_ = superCtor;
     ctor.prototype = Object.create(superCtor.prototype, {
     constructor: {
      value: ctor,
      enumerable: false,
      writable: true,
      configurable: true
     }
     });
    };

    在上面的代码中 ctor 想要继承 superCtor ,我们姑且把 ctor 称作子类, superCtor 称作父类.

    ctor.super_= superCtor;

    super_属性是子类继承父类时构造函数要写入的一个属性值.

    ctor.prototype=Object.create(superCtor,prototype,{.....});

    我们可以看到源码中子类原型指像父类原型对象.

    当通过 new关键字创建子类对象时,子类原型对象上的属性都将会复制一份到子类对象中.就这样达到了继承的效果.

    上面子类原型被Object.create() 方法赋值,那么我们再来看下 Object,create 是何方神圣.

    Object.create

    Object.create(proto [, propertiesObject ])

    作用:

    通过指定的原型对象和属性创建一个新的对象.

    proto 就是原型对象,

    propertiesObject 就是指定的原型对象的属性,可选属性(非必填),如何理解这个参数?  它有4个属性,如下:

    var myBlog = Object.create({}, {'blog':{'value':'yijiebuyi', 'writable': false, 'enumerable': false, 'configurable': false}});

    我们定义了一个 myBlog 对象引用

    通过 Object,create 来赋值, 原型对象为 {} 

    propertiesObject 是对应的

    {'blog':{'value':'yijiebuyi', 'writable': false, 'enumerable': false, 'configurable': false}}
    value: 表示blog 的属性值;
    writable: 表示blog 的属性值是否可写;[默认为: false]
    enumerable: 表示属性blog 是否可以被枚举;[默认为: false]
    configurable: 表示属性blog 是否可以被配置,例如 对obj.a做 delete操作是否允许;[默认为: false]

    所以:create 函数实现原理就是 指定一个原型对象 obj ,然后把指定属性(及属性的配置)指到 原型对象下.

    那么最后得到的 myblog 对象是这样的 {blog: "yijiebuyi"} 

    那我们知道了 util 中的 inherits 方法内部主要是调用了 Object.create来创建了一个新对象,新对象是基于父类原型对象 superCtor.prototype

    另外一个属性是 constructor ,构造函数new出来的对象都有此属性,此属性值是指向了构造函数的引用.我们一般通过此属性可以得知这个对象是被谁new出来的. 

    {
     constructor: {
      value: ctor,
      enumerable: false,
      writable: true,
      configurable: true
     }
     }

    如上代码就是定义了 contructor 属性,它的值是 ctor ,ctor是什么? 别忘了我们的初衷, ctor正是 inherits 函数传入的第一个参数,就是子类引用.

    所以这个 create 函数创建了一个以父类原型对象为基础的新对象,同时把 contructor 属性指向子类构造函数.

  • 相关阅读:
    在监控落地的路上,助你一臂之力
    一文讲透数据结构中的树,建议收藏!
    别人家的 InfluxDB 实战 + 源码剖析
    从 React 架构开始讲解 useState、useEffect 编程设计
    事件捕获、事件冒泡、事件委托
    JavaScript设计模式学习笔记
    复制到剪贴板,粘贴进微信,换行符失效
    curl: (7) Failed to connect to raw.githubusercontent.com port 443: Connection refused
    nodejs版本管理工具n教程
    手把手教你撸一套Redux(Redux源码解读)
  • 原文地址:https://www.cnblogs.com/youlechang123/p/5602335.html
Copyright © 2011-2022 走看看