单个导出
/*util.js*/
export const a = '123';
export function b() {
console.log(123)
}
/*main.js*/
import {a,b} from 'utils.js'
console.log(a)
b();
多个导出
/*util.js*/
const a = '123';
function b() {
console.log(123)
}
export {a,b}
/*main.js*/
import {a,b} from 'utils.js'
console.log(a)
b();
export与export default的区别以及需要注意事项：
1.export与export default均可用于导出常量、函数、文件、模块等
2.在一个文件或模块中，export、import可以有多个，export default仅有一个
3.通过export方式导出，在导入时要加{ }，export default则不需要
(1) 输出单个值，使用export default
(2) 输出多个值，使用export
(3) export default与普通的export不要同时使用
出现问题：当使用export default {a, b, c, d} 容易造成嵌套多层；
结果：{a: {a, b, c, d}, b:{a, b, c, d}, c:{a, b, c, d}, d:{a, b, c, d}} //error
5.export default不能用解构赋值得import获取
6.对于export方式导出的，除了解构赋值之外，也可以使用import * as obj from ‘xx’方式导出所有，这种写法是把所有的输出包裹到obj对象里
网友评论