浅谈ES6模块基础知识

浅谈ES6模块基础知识

前言：每一个ES6模块都是一个包含JS代码的文件，模块的本质就是一段脚本，而不是model关键字定义的一个模块，但是模块与脚本还是有两点区别：

1.      在ES6模块中，无论你是否加入“use strict;”语句，默认情况下模块都是在严格模式下运行。

2.      在模块中你可以使用import和export关键字。

基础：

一、     Export

再默认的情况下模块中的任何申明都是基于本地，也就是说模块的的变量，方法，事件都是基于本地，那么问题是当这个模块被父其他模块调用时，需要共享申明的变量和方法。使用export模块，导出。

二、     Import

相反的import意思就是导入，在模块中引入组件，或者文件的方法，变量。

导入的文件也可以重新命名

例：import _ from "lodash";

等价于:

import {default as _} from loash

三、     Export defaul

关键字export default后可跟随任何值：一个函数、一个类、一个对象字面量，只要你能想到的都可以。

    let myObject = {

      field1: value1,

      field2: value2

    };

    export { default as myObject }

这种简略的表达方法看起来更清爽：

    export default {

      field1: value1,

      field2: value2

    };