es6中export和import用法

es6中用export和import导出和导入模块

export

1. export default + 变量

默认导出一个变量，export default 后面不可以跟const, var, let 关键字，因为它导出名为default的变量。

const foo = 'bar'
export default foo  

2. export + 关键字 + 变量

导出一个指定变量名的变量

export const foo = 'bar'

3. export { 变量 }

导出指定变量

const foo = 'bar'
export {
  foo 
}

import

用export导出的模块，可以用import来导入

1. 使用export default 导出时，我们可以用import直接导入

import foo from './foo.js' // 导入的变量名可以任意取

console.log(foo) // 'bar'

2. 使用export导出变量时，import导入变量名为导出的变量名

import { foo } from './foo.js' // 导入的变量名必须为foo

console.log(foo) // 'bar'