es6模块化
1、默认导出与默认导入
默认导出
默认导出的语法: export default 默认导出的成员
示例代码如下:
let n=100;
let m=200;
function say(){
console.log('hello');
}
export default{
n,
say
}
注意事项:每个模块中,只允许使用唯一的一次 export default,否则会报错!
默认导入
默认导入的语法: import 接收名称 from ‘模块标识符’
示例代码如下:
import m1 from './默认导出.js'
console.log(m1);
注意事项:默认导入时的接收名称可以任意名称,只要是合法的成员名称即可。
2、按需导出与按需导入
按需导出
按需导出的语法: export 按需导出的成员
示例代码如下:
export let a='你好'
export function li() {
console.log('my');
}
按需导入
按需导入的语法: import { s1 } from ‘模块标识符’
示例代码如下:
import{a,li}from './按需导出.js'
console.log(a);
console.log(li);
li()
注意事项:
- 每个模块中可以使用多次按需导出
- 按需导入的成员名称必须和按需导出的名称保持一致
- 按需导入时,可以使用 as 关键字进行重命名
- 按需导入可以和默认导入一起使用
3、直接导入并执行模块中的代码
直接使用import即可
实例代码如下:
import './直接导出.js'