JavaScript模块导入和导出方式举例

//main.js
export const PI = 3.1415;
export function add(x, y) { 
	return x + y;
}

const PI = 3.1415;
function add(x, y) { 
	return x + y;
}
export { PI,add }

import { PI, add } from './math.js';

// add.js
export default function add(x,y){
    return x + y;
}
//默认导出可以省略函数名，如下：
export default function (x,y){
    return x + y;
}

function add(x,y){
    return x + y;
}
export default add

import add from './add.js';

import('./math.js')
  .then(module => {
    console.log(module.add(2, 3));
  })
  .catch(err => {
    console.error('模块加载失败', err);
  });

async function loadModule() {
  const module = await import('./math.js');
  module.add(2, 3);
}

//1.假设add.js中add函数是命名导出
import {add as count} from './add.js'
//2.假设add.js中add函数是默认导出
//默认导出在导入时本身就可以自定义名称，所以不能直接使用as关键字重命名
//但还有一种写法，和命名导出写法一样
import {default as count} from './add.js'
//3.将moduel.js模块中的所有导出内容导入，并聚合到一个moudle对象中
import *as moudle from './moudle.js'
console.log(moudle.add(1,2))

function add(x,y){
    return x+y;
}
export {add as count}
//将add函数作为默认导出
//和'export default add' 效果一样
export { add as count }