首页技术文章正文

ES6中export和import导入导出模块成员

更新时间:2023-07-28 来源:黑马程序员 浏览量:

IT培训班

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‘模块路径地址';




分享到:
在线咨询 我要报名
和我们在线交谈!