npm 包 inherit-class 使用教程

阅读时长 3 分钟读完

介绍一个前端开发中常用的 npm 包 - inherit-class,它可以方便地实现类的继承。

安装

使用 npm 安装:

使用

在使用之前,需要先导入 inherit-class:

基本用法

定义一个父类:

通过 inherit 继承父类:

定义子类即可。

多重继承

inherit-class 支持多重继承,通过逗号分隔多个父类。

-- -------------------- ---- -------
----- -- -
  ---- -
    -----------------
  -
-

----- -- -
  ---- -
    -----------------
  -
-

----- - ------- ----------- --- -
  --- -
    ----------------
  -
-
展开代码

调用 super

子类继承父类的方法时,可以通过 super 调用对应的父类方法。

-- -------------------- ---- -------
----- - -
  --- -
    ----------------
  -
-

----- - ------- ---------- -
  --- -
    ---------
    ----------------
  -
-
展开代码

给父类方法传递参数

在继承父类方法时,可以给父类方法传递参数。

-- -------------------- ---- -------
----- - -
  ---- -
    --------------
  -
-

----- - ------- ---------- -
  ---- -
    ----------
  -
-
展开代码

继承静态属性

可以通过 inherit 进行继承静态属性。

-- -------------------- ---- -------
----- - -
  ------ - - -----
-

----- - ------- ---------- -
  ------ - - -----
-

---------------- -- -----
---------------- -- -----
展开代码

示例代码

-- -------------------- ---- -------
----- ------- - ------------------------

----- ------ -
  ----------------- ---- -
    --------- - ----
    -------- - ---
  -

  ---------- -
    ------------------- - ---- ----------
  -
-

----- ------- ------- --------------- -
  ----------------- ---- ------ -
    ----------- ----
    ---------- - -----
  -
  
  ---------- -
    ----------------
    -------------- ---- --------- ------ --- --- -- ------- -----------
  -
-

----- ----- - --- ---------------- --- --
----------------
-- ------ - -- -----
-- - -- -- ----- --- --- -- ----- -
展开代码

总结

如果你在写类的继承时感到繁琐,不妨尝试一下 inherit-class,它会帮助你更轻松地实现类的继承。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/62308

纠错
反馈

纠错反馈