第一次知道javascript有模块的概念通常都是使用<script>标签进行引入,不过只能在html文件上使用
增加的模块就如同php里的include、require可以使用引入的内容,
不过php是默认引入的文件内部全部可用,而javascript则是选择导出、选择导入,只可以使用引入的函数、变量、对象
codecademy上理解javascript module 部分
JavaScript中的模块是可重复使用的代码段,可以从一个程序导出并导入到另一个程序中使用。
module.exports
将模块导出用于其他程序。- module.export = 变量; || module.export = {对象内属性方法}
require()
导入当前程序中使用的模块。- conste 变量 = require(‘引入的文件相对地址带后缀名.js‘);
ES6引入了一个更灵活,更简单的语法来导出模块:
- 默认导出用于
export default
导出JavaScript对象,函数和原始数据类型。- export default 变量;
- 命名导出使用
export
关键字来导出变量中的数据。- export {变量名、对象名、函数};
- 命名导出可以用
as
关键字别名。- export {变量名 as 别名、对象名、函数};
import
是导入任何对象,函数或数据类型的关键字。- import 变量 from ‘文件相对地址(不要文件后缀)‘;