JavaScript ES6中export及export default的区别

Posted 2022-10-29 mahmud

在javascript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个。
具体用法：
假如有个demo.js,如果这里js里只有一个函数需要导出，如下：

function getCode(x)
    return x+1

export default getCode  //别处引用时候是import getCode  from "此处是文件地址"
//也可以export  getCode / /别处引用时候是import  getCode  from "此处是文件地址"
仔细对比上面的区别。

如果一个demo.js里有许多的函数或者方法需要导出，如下：

function getCodeOne(x)
    return x+1

function getCodeTwo(y)
    return y+1

//如果需要导出getCodeOne和getCodeTwo，那就必须用
export  getCodeOne，getCodeTwo ，对应的别处引用是import  getCodeOne，getCodeTwo  from "此处是文件地址"

说白了，export与export default的区别就是：
如果是单个导出，export与export default均可，如果是多个导出那就只能用export
使用export导出需要，与此相对使用import导入也需要
使用export default 导出不需要，与此相对使用import导入也不需要