export 与 export default 对应import的写法

export一个的时候对应import的写法：

1. 直接导入并使用命名

// 文件 a.js
export function myFunction() {
  console.log('Hello from myFunction');
}

// 文件 b.js
import { myFunction } from './a';

myFunction(); // 调用函数

2. 使用别名导入

如果你想要在导入时给函数起一个别名，你可以这样做：

// 文件 b.js
import { myFunction as func } from './a';

func(); // 调用函数，别名是func

3. 导入整个模块到一个命名空间

// 文件 b.js
import * as myModule from './a';

myModule.myFunction(); // 调用函数，通过模块名作为前缀访问

export多个的时候对应import的写法：

1. 直接导入并使用命名

// 文件 a.js
export function myFunction1() {
  console.log('Hello from myFunction1');
}

export function myFunction2() {
  console.log('Hello from myFunction2');
}

// 文件 b.js
import { myFunction1, myFunction2 } from './a';

myFunction1(); // 调用函数1
myFunction2(); // 调用函数2

2. 使用别名导入

如果你想要在导入时给函数起一个别名，你可以这样做：

// 文件 b.js
import { myFunction1 as func1, myFunction2 as func2 } from './a';

func1(); // 调用函数1，别名是func1
func2(); // 调用函数2，别名是func2

3. 导入整个模块到一个命名空间

如果你想要导入整个模块的内容到一个命名空间下，你可以使用 * as 语法：

// 文件 b.js
import * as myModule from './a';

myModule.myFunction1(); // 调用函数1
myModule.myFunction2(); // 调用函数2

export default 一个的时候对应import的写法：

1. 直接导入并使用默认导出的名称

// 文件 a.js
export default function myFunction() {
  console.log('Hello from myFunction');
}

// 文件 b.js
import myFunction from './a'; // 直接使用默认导出的函数名

myFunction(); // 调用函数

export default 多个的时候对应import的写法：

// 文件 a.js
const myFunction1 = () => {
  console.log('Hello from myFunction1');
};

const myFunction2 = () => {
  console.log('Hello from myFunction2');
};

export default { myFunction1, myFunction2 };


// 文件 b.js
import { myFunction1, myFunction2 } from './a';

myFunction1(); // 调用函数1
myFunction2(); // 调用函数2