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中輸出類的寫法和引用類的方法與上面的輸出函數和引用函數的方法雷同，因此便不再贅述