JavaScript: es6+ export 和 export default 的区别

2021-02-02 10:04:48 浏览数 (1)

ES6 中export 和export default的区别

相同点

  • 1、export 和 export default 都可以导出常量、函数、文件、模块
  • 2、你可以在其他文件中或者其他模块中通过 import (常量 | 函数 | 文件 | 模块)

不同点

  • 3、在一个文件或模块中,export、import 可以有多个,export default 只能导出一个。
  • 4、通过 export 方式导出,在导出时需要加 { },export defalut则不需要。
代码语言:javascript复制
// a.js
// 使用 export defalut
export const str = 'balala'

export function combo(sth){
    return sth;
}

// b.js
// 导入
import { str,combo } from './a.js'
复制代码
  • export defalut 只能导出一个
代码语言:javascript复制
// c.js
const str = 'balala'

export defalut str

// d.js
// 不需要大括号
import str from './c.js'

0 人点赞