Jamey's Jamey's
首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于

Jamey

首页
导航站
  • 学习专栏

    • 《HTML》笔记
    • 《CSS》笔记
    • 《JavaScript》笔记
    • 《Vue》笔记
    • 《Git》笔记
    • 《规范》笔记
    • 《软技能》笔记
    • 《面试》笔记
    • 《持续集成&交付&部署》笔记
  • 踩坑专栏

    • 《Element-UI 实践系列》笔记
    • 《移动端 实践系列》笔记
    • 《综合》笔记
  • 配置专栏

    • 《环境系列》笔记
  • 极空间

    • Docker
  • 影视

    • movie
  • 编辑器笔记

    • 开发编辑器
  • 浏览器笔记

    • Chrome
  • Mac笔记

    • Mac
  • 跨界学习

    • 运营
  • 破解合集

    • 破解
  • 本站

    • 分类
    • 标签
    • 归档
  • 我的

    • 收藏
    • 书单
    • 关于
  • 深入系列

  • 专题系列

  • underscore系列

  • ES6系列

  • 模块化

    • 模块化
    • 模块导入 import
    • 模块导出 export
    • 模块导入/导出的复合写法
    • 模块继承
    • 跨模块常量
    • 动态加载
  • 正则表达式

  • 单元测试

  • 微前端

  • 实用函数

  • Rollup

  • 解决方案

  • 《JavaScript》笔记
  • 模块化
Jamey
2022-03-06

模块继承

# 模块继承

模块之间也可以继承。

假设有一个 children 模块,继承自 parent 模块。

// children.js
export * from 'parent';

export var name = 'child';

export function cry() {
  // do something
}
1
2
3
4
5
6
7
8

如上代码中的 export *,表示输出 parent 模块的所有模块和方法。然后,如上代码又输出了自定义的 name 属性和默认方法 cry。

同时,也可以将 parent 的属性或方法,改名后再输出。

// children.js
export { work as job } from 'parent';
1
2

上面的代码表示,只输出 parent 模块的 work 方法,并且将其改名为 job。

加载上面模块的写法如下:

// main.js
import * as child from 'children';
import cry from 'children';

console.log(cry(child.name));
1
2
3
4
5

上面的代码中 import cry from children 表示,将 children 模块的默认方法加载为 cry 方法。

#JavaScript 模块化
上次更新: 2022/07/01, 17:34:19
模块导入/导出的复合写法
跨模块常量

← 模块导入/导出的复合写法 跨模块常量→

Theme by Vdoing | Copyright © 2017-2023 Jamey | blog 闽ICP备19022664号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式