js的export 使用default
时间: 2023-02-06 18:51:54 浏览: 213
在 JavaScript 中,`export` 和 `import` 是用来在模块之间共享信息的语句。
使用 `export default` 可以将一个变量、函数或类作为默认导出,这意味着它可以在其他模块中使用任意名称来导入。
例如,在文件 `myModule.js` 中,你可以使用 `export default` 将函数 `add` 作为默认导出:
```
export default function add(a, b) {
return a + b;
}
```
然后在其他模块中可以使用任意名称来导入该函数:
```
import myAdd from './myModule';
console.log(myAdd(1, 2)); // 3
```
注意,`export default` 只能有一个,并且必须位于模块的最后一行。
在模块中,你也可以使用 `export` 将多个变量、函数或类同时导出,这种情况下,你需要在其他模块中使用对应的名称来导入。
例如,在文件 `myModule.js` 中,你可以使用 `export` 将函数 `add` 和 `subtract` 同时导出:
```
export function add(a, b) {
return a + b;
}
export function subtract(a, b) {
return a - b;
}
```
然后在其他模块中,你可以使用对应的名称来导入:
```
import { add, subtract } from './myModule';
console.log(add(1, 2)); // 3
console.log(subtract(1, 2)); // -1
```
在模块中,你还可以使用 `export { name1 as alias1, name2 as alias2, …, nameN as aliasN }` 将多个变量