ES6-模块化：import与export

导出：export；引入：import

引入特定模块

// 导出
export let A=123
export function test(){
    console.log('test')
}
export class Hello{
    test(){
        console.log('class')
    }
}
// 引入
import {A,test,Hello} from './export.js'

引入所有模块

// 导出不变
// 引入
import * as data from './export.js'
console.log(data.A)

缺点：必须多次导出，且引入后名称须保持一致。

export default（推荐）

// export.js
let A = 123
let test = function(){
    console.log('test')
}
class Hello{
    test(){
        console.log('class')
    }
}
export default{
    A,
    test,
    Hello
}

//import.js
import data from './export.js'
console.log(data.A)