ES6 导入导出按需加在

332 阅读1分钟
## es6模块化

- 浏览器默认模块化  script 里加入  "type=module";

- 导出  关键字  export

  - 导出 方式一  :

    ```js
    export { a ,b , c}
    ```

  - 导出方式二 关键字  "as"

    ```js
    export { a as aa ,b , c}
    ```

  - 导出方式三

    ```js
    export let c = ()=>{console.log("I am c function...")}
    ```

  - 导出方式四

    ```js
    export default a;
    ```

    - 等同

      ```js
      export {a as default};
      ```

  - export  可以导出多个,export default  只能导出一个;

- 导入方式:关键字 import

  - export导出的,命名要保持一致

    ```js
    import {aa , b , c} from './moduleb.js';
    ```

  - export导出的,命名可以自定义;

    ```js
    import myfn from './moduleb.js';
    ```

  - 通配符 "*"方式导入

    ```js
    import * as obj from './moduleb.js';
    ```



-  按需导入(延迟导入)

​	import 方法;

```js
document.onclick =async function(){
    // import {fn1} from  './fn.js';
    let res = await import("./fn.js");
    console.log(res);
}
```