es6模块化写法

ES6的模块化分为导出（export）与导入（import）两个模块，可以看为一个文件的入口和出口。在文件中定义的变量，函数，对象在外部是无法获取的。如果你希望外部可以读取模块当中的内容，就必须使用export来对其进行暴露（输出）

export && import

全部引入

function talk () {
  console.log('I an talking')
}
let a = 'xiaoming'
let b = 'wanghuahua'
export {
  a,
  b,
  talk
}
//@@@@@@@@@@@@@@@@@@@@@@@@下方为在另个文件的引入
import * as modu from '@/lib/modularity.js'
console.log(modu.a)

部分引入

function talk () {
  console.log('I an talking')
}
let a = 'xiaoming'
let b = 'wanghuahua'
export {
  a,
  b,
  talk
}
//@@@@@@@@@@@@@@@@@@@@@@@@下方为在另个文件的引入
import {a, b ,talk} from '../lib/modularity'
console.log(a)

export default

一个模块只能有一个默认导出，对于默认导出，导入的名称可以和导出的名称不一致。

function talk () {
  console.log('I an talking')
}
let a = 'xiaoming'
let b = 'wanghuahua'
export default {
  a,
  b,
  talk
}
//@@@@@@@@@@@@@@@@@@@@@@@@下方为在另个文件的引入
import modu from '../lib/modularity'
console.log(modu.a)