ES5和ES6中关于import & export的书写方式的区别

ES6中输出变量的写法

情景1:单个变量

输出 export const less = 'less'
引用 import {less} from '../index.js'

情景2:多个变量

输出：
const sass = 'sass'
const stylus = 'stylus'
export {sass,stylus}

相对应的引用：
import {less,sass} from '../index.js'

ES6中输出函数的写法

情景1:单个函数

方法一：
export function add (x,y) {
　　return x+y
}

方法二：
funciton add (x,y) {
　　return x+y
}
export {add}

相对应的引用
import {add} from '../index.js'

方法三：
function add (x,y) {
　　return x+y
}
export default add

相对应的引用
import add from '../index.js'

情景2:多个函数

function add (x,y) {
　　return x+y
}
function reduce (x,y) {
　　return x-y
}
export {add,reduce}

相对应的引用
import {add,reduce} from '../index.js'

ES6中输出类的写法和引用类的方法与上面的输出函数和引用函数的方法雷同，因此便不再赘述