ES6模块化-每日一小记
ES6模块化
模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。
//module/index.js const name = 'liuzhixi.cn '; const age = 18; const color = 'red '; const sayName = function() { console.log(fristName); } export {name,age,color,sayName}
使用export命令定义了模块的对外接口以后,其他 JS 文件就可以通过import命令加载这个模块
//main.js import {name,age,color,sayName,fn} from './modules/index.js';
ES6 的模块化主要包含如下 3 种用法:
① 默认导出与默认导入
导出的语法: export default(只允许使用唯一的一次) 默认导出的成员
导入的语法: import 接收名称(只要是合法的成员名称即可) from '模块标识符'(路径)
② 按需导出与按需导入
导出的语法: export 按需导出的成员(导入的成员名称必须和导出的名称保持一致)
导入的语法: import { s1 } from '模块标识符'(可以使用 as 关键字进行重命名)
③ 直接导入并执行模块中的代码
如果只想单纯地执行某个模块中的代码,并不需要得到模块中向外共享的成员,可以直接导入并执行模块代码
版权声明:本文由 LzxBlog 发布,如需转载请注明出处。