前言

模块化引入，目前流行常用有两种：ESM、CommonJS
ESM:这个比较新，常用于浏览器
CommonJS: 常用于Node.js中

1.命名导出

//方式1 声明时直接导出
export const host = 'xxx.com'
export function getAddress(name){
    return 'https://'+name
}

//方式2 先声明，后导出
const host = 'xxx.com'
function getAddress(name){
    return 'https://'+name
}

export {host,getAddress}

//导入使用
import { host,getaddress } from "@/config.js";
//使用
console.log(getaddress(host))

2.默认导出

注意：
1.一个模块中只能有一个默认导出导出
2.与命名导出类似，只是在 export 后面添加了一个【default】关键词
3.默认导出还可以【省略函数名称】，在使用时有使用模块【文件名】称来代替的意思

//方式1 声明时直接导出
export default function getAddress(name){
    return 'https://'+name
}

//方式2 先声明，后导出
function getAddress(name){
    return 'https://'+name
}
export default getAddress

//方式3 默认导出可以省略名函数名， 
export default function (name){
    return 'https://'+name
}

//导入使用
import getAddress from "@/getAddress.js";
//使用
console.log(getAddress(host))

3.默认导出与命名导出同时使用

//命名导出
export const host="xxx.com"

//默认导出
export default function getAddress(name){
    return 'https://'+name
}

//同时使用导入
import getAddress,{host} from "@/config.js";
//使用
console.log(getAddress(host))

4.CommonJS模块化导入导出方式【Node.js】中常用

`//方式1 导出
module.exports={
a:1,
b:2,
}
//方式2 导出

export.a=1
export.b=2

//导入使用
const setting=require(‘./setting’)
console.log(setting)

//测试方法，打开vscode 终端，在终端中输出命令【node setting.js】
`

5.直接导入并执行模块中的代码 【本人测试没通过可忽略】

如果你只想单纯执某个模块中的代码，并不需要得到模块中向外共享成员，此时，可以直接导入拼执行模块代码