es6模块化

什么是es6模块化规范：

es6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了开发者的学习成本，无需在学习AMD、CMD和CommonJS等模块化规范。

es6模块化规范中定义：

1.每个js文件都是一个独立的模块。

2.导入其他模块成员使用import关键字。

3.向外共享模块成员使用export关键字。

在node.js中体验es6模块化：

node.js中默认仅支持CommonJs模块化规范，若想基于node.js体验与学习es6的模块化语法，可以按照以下两个步骤进行配置：

①确保安装了v14.15.1或更高版本的node.js（在终端通过 npm -v 查看版本号）。

②在package.json的根节点中添加"type":"moudle"节点（打开vscode终端，输入npm init -y生成package.json文件）。

es6模块化的基本语法：

①默认导出（语法：export default 默认导出的成员）与默认导入（语法：import 接收名称 from "模块标识符"）

  

 默认导入导出注意事项：

1.每个模块中只允许使用一次export default ，否则报错。

2.默认导出时的接收名称可以是任意名称，只要合法即可。

②按需导出（语法：export 按需导出的成员）与按需导入（语法：import {xxx} from "模块标识符"）

 

 

按需导入和的导出注意事项：

1.每个模块中可以使用多次按需导出。

2.按需导入的成员名称必须和按需导出的名称保持一致。

3.按需导入时，可以使用as关键字进行重命名。

4.按需导入可以和默认导入一起使用。

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

如果只想执行某个模块代码，并不需要得到模块中向外共享的成员。此时，可以直接导入并执行模块代码。