ES6新特性:模块化(import 和 export)

简介: ES6新特性:模块化(import 和 export)

说明


模块化就是把代码进行拆分,方便重复利用。


类似java中的导包:要使用一个包,必须先导包。 而JS中没有包的概念,换来的是模块。


模块功能主要由两个命令构成: export 和 import 。


  • export 命令用于规定模块的对外接口,


  • import 命令用于导入其他模块提供的功能。


比如我定义一个js文件:Util.js,里面有一个Util类 ,使用export将其暴露出去


class Util {
  static sum = (a, b) => a + b;
}
//导出该类
export default Util;


使用export命令定义了模块的对外接口以后,其他JS文件就可以通过 import 命令加载这个模块。


//在example.js加载
//导入Util类
import Util from './Util'
//使用Util中的sum方法
console.log(Util.sum(1, 2));
相关文章
|
6月前
|
JavaScript 前端开发
|
3月前
|
前端开发 JavaScript API
Vue 3 新特性:在 Composition API 中使用 CSS Modules
Vue 3 新特性:在 Composition API 中使用 CSS Modules
|
4月前
|
JavaScript 前端开发
node.js 导入导出模块(CommonJS模块化规范,ES6模块化规范)
node.js 导入导出模块(CommonJS模块化规范,ES6模块化规范)
51 1
|
6月前
|
前端开发
ES6 如何动态加载 import
ES6 如何动态加载 import
173 1
|
JavaScript 前端开发 编译器
JS ES6中export和import史上最全
JS ES6中export和import史上最全
|
JavaScript 前端开发 开发者
ES6模块化与导出(export)导入(import)的用法
1.ES6模块化的介绍 在 ES6 模块化规范诞生之前,JavaScript 社区已经尝试并提出了 AMD、CMD、CommonJS 等模块化规范。 但是,这些由社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化 标准,例如: ⚫ AMD 和 CMD 适用于浏览器端的 Javascript 模块化 ⚫ CommonJS 适用于服务器端的 Javascript 模块化 太多的模块化规范给开发者增加了学习的难度与开发的成本。因此,大一统的 ES6 模块化规范诞生了!
266 1
ES6模块化与导出(export)导入(import)的用法
|
JavaScript 前端开发
nodejs ES6模块使用 以及 ES6代码转CJS兼容性处理
nodejs ES6模块使用 以及 ES6代码转CJS兼容性处理
nodejs ES6模块使用 以及 ES6代码转CJS兼容性处理
|
Python
Python编程:importlib.import_module动态导入模块
Python编程:importlib.import_module动态导入模块
540 0
|
存储 前端开发 JavaScript
快速掌握es6+新特性及es6核心语法盘点
接下来我会总结一些工作中常用也比较核心的es6+的语法知识,后面又要慢慢开始工作之旅了,希望在总结自己经验的过程中大家会有所收获~
193 0