ES6模块中的export和import命令分别有哪些作用

前言

module模块主要由export 和 import两个命令组成,通过这两个命令,我们可以在工作中自由的使用各种模块,下面来看看这两者各有什么特点和作用吧

export

一个模块相当于一个独立的文件,这个文件里面的所有东西,都只能在自己的作用域内使用,如果你想要读取该模块里面的内容,就得用到模块里的export命令

导出内容

    let name = '张三';
    let age = 21;

    export { name, age };

import

当我们使用export命令定义了模块的对外接口以后，其他的js文件就能通过import命令加载这个模块 导入内容

    //import后面我们常接着from关键字，from指定模块文件的位置，可以是相对路径，也可以是绝对路径
    
    import {a} from './xxx.js'

总结

• 我们在导入模块的时候，需要知道加载的变量名和函数，否则无法加载
• 如果不需要知道变量名或函数就完成加载，就要用到export default命令，为模块指定默认输出