更新时间:2023-07-28 来源:黑马程序员 浏览量:
ES6提供了一种通用的模块化语法,可以在浏览器端和服务器端使用。ES6模块化语法使用import关键字导人模块成员,使用expon关键字导出模块成员。下面对expor关键字和import关键字分别进行讲解。
1.export关键字导入
expont 关键字能够将当前模块中的私有成员暴露出来,供其他模块使用。模块导出包括模块默认导出和模块按需导出,下面分别讲解。
使用export default来实现模块的默认导出,基本语法如下。
let sl'aaa'; export default { sl };
上述代码定义sl变量的值为'aaa'字符串,并使用export defanlt关键字导出模块对象中的sl变量。
需要注意的是,在当前模块中只允许使用一次export defanlt关键字,否则会报错。如果模块没有被导出,会默认导出一个空对象。
使围export关键字来实现模块成员的按需导出,基本语法如下。
export let sl = 'aaa'; expor(hmfunction say(){};
2.import关键字导出
import关键字能够在当前模块中引入其他的模块,并在当前模块中使用其他模块中的模块成员。模块导人包括模块默认导人和模块按需导入,下面分别讲解。
模块默认导入需要通过合法的名称来接收,基本语法如下。
import 接收名称from '模块路径地址';
上述代码中,sl、s2用于表示按需导入的模块成员名称。
当只想单纯执行某个模块中的代码时,并不需要得到模块中向外暴露的成员。这时可以直接导入模块并执行,示例代码如下。
import‘模块路径地址';