ES6总结 18- 模块化

ES6学习总结是自己在学习过程中的总结，记笔记就是为了督促自己学习和复习，好记性不如烂笔头。如果有错误，感谢指出。

模块化

es6都会使用到模块化import\export

对外暴露一个变量、函数、类

//export let A = 123;
//export function test() {
//  console.log('test');
//}
//export class Hello {
//  test() {
//      console.log('class');
//  }
//}
//引用
import {A ,test,hello} from 'aaa'

常规写法

let A = 123;
let test = function() {
    console.log('test');
}
class Hello {
    test() {
        console.log('class');
    }
}

export default {
    A,
    test,
    Hello
}
//引用
import AAA from 'aaa'
console.log(AAA.A);

若模块复杂，导出很多；按需引用

import {A} from 'index'

模块导出很多，但仅关心几个？

import * as lesson from 'index';
//使用
console.log(lesson.A,lesson.test);