es6中export和import用法

2019.11.21 15:52 阅读 16

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

export

  1. export default + 变量

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

const foo = 'bar'
export default foo  
  1. export + 关键字 + 变量

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

export const foo = 'bar'
  1. export { 变量 }

导出指定变量

const foo = 'bar'
export {
  foo 
}

import

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

  1. 使用export default 导出时,我们可以用import直接导入
import foo from './foo.js' // 导入的变量名可以任意取

console.log(foo) // 'bar'
  1. 使用export导出变量时,import导入变量名为导出的变量名
import { foo } from './foo.js' // 导入的变量名必须为foo

console.log(foo) // 'bar'