js 模块的导入有两种方法,一种是require引入,另一种是import引入。
module.exports将模块导出用于其他程序。
module.export = 变量; || module.export = {对象内属性方法}
require() 导入当前程序中使用的模块。
const 变量 = require(‘引入的文件相对地址带后缀名.js’);
ES6引入了一个更灵活,更简单的语法来导出模块:
默认导出用于export default导出JavaScript对象,函数和原始数据类型。
export default 变量;
命名导出使用export关键字来导出变量中的数据。
export {变量名、对象名、函数};
命名导出可以用as关键字别名。
export {变量名 as 别名、对象名、函数};
import 是导入任何对象,函数或数据类型的关键字。
import 变量 from ‘文件相对地址(不要文件后缀)’;
关于import变量引入是否需要加大括号,阮一峰的ES6的教程里这样写着:
上面代码的两组写法,第一组是使用export default时,对应的import语句不需要使用大括号;第二组是不使用export default时,对应的import语句需要使用大括号。
export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能唯一对应export default命令。