ES6模块化

ES6模块化_第1张图片

ES6模块化

  • 一、什么是ES6模块化
  • 二、在 node.js 中体验ES6模块化
  • 三、ES6模块化的基本语法
    • 1、默认导出
    • 2、默认导入
    • 3、按需导出
    • 4、按需导入
    • 4、按需导出和按需导入的注意事项
    • 5、直接导入并执行模块中的代码

一、什么是ES6模块化

ES6模块化_第2张图片
ES6模块化_第3张图片
ES6模块化_第4张图片

二、在 node.js 中体验ES6模块化

ES6模块化_第5张图片

三、ES6模块化的基本语法

ES6模块化_第6张图片

1、默认导出

ES6模块化_第7张图片每个模块中,只允许使用唯一的一次export default,否则会报错!

2、默认导入

ES6模块化_第8张图片

3、按需导出

ES6模块化_第9张图片

4、按需导入

ES6模块化_第10张图片

4、按需导出和按需导入的注意事项

ES6模块化_第11张图片

5、直接导入并执行模块中的代码

ES6模块化_第12张图片

你可能感兴趣的:(前端,es6,前端,javascript)