es6中export和import用法
es6中用export和import导出和导入模块
export
- export default + 变量
默认导出一个变量,export default 后面不可以跟const, var, let 关键字,因为它导出名为default的变量。
const foo = 'bar'
export default foo
- export + 关键字 + 变量
导出一个指定变量名的变量
export const foo = 'bar'
- export { 变量 }
导出指定变量
const foo = 'bar'
export {
foo
}
import
用export导出的模块,可以用import来导入
- 使用export default 导出时,我们可以用import直接导入
import foo from './foo.js' // 导入的变量名可以任意取
console.log(foo) // 'bar'
- 使用export导出变量时,import导入变量名为导出的变量名
import { foo } from './foo.js' // 导入的变量名必须为foo
console.log(foo) // 'bar'