es6的写法总结

1.0 利用import ... from ...替代require()

```
第一种方式:导入一个css文件,不接收对象
require写法:require('site.css')

第二种方式:导入一个js模块并且要接收一个对象
require写法: var calc = require('calc.js')
import写法: import calc from 'site.css'

```

2.0 对象的写法

```
导出一个模块对象的es5的写法:
module.export = {
    add:add,
    substrict:substrict
}

导出一个模块对象的es6的写法:
module.export = {
    add,
    substrict
}
注意点:这种写法必须是属性名和属性值变量是同一个,否则要分开写

```

3.0 一个对象中的方法的写法

```
导出一个模块对象的es5的写法:
module.eports = {
    addFun: function(x,y) {
        return x + y;
    }
}

导出一个模块对象的es6的写法:
module.eports = {
    addFun(x,y) {
        return x + y;
    }
}

```

4.0 导出对象的写法

```
es5中导出对象的写法: calc.js
function add() {}
    function substrict() {}

//1.0 写法1
es导出写法:
1、module.exports.add = add;
   module.exports.substrict = substrict;

使用的时候就可以这样写：
    var calc = require('./calc.js')

es6导出写法：
    export function add() {}
    export function substrict() {}

//2.0 写法2

es5导出写法：
module.exports = {add:add,substrict:substrict}

es6导出写法：这种写法不支持 import {add} from './calc'
export default {
    add,substrict
}


//表示取得calc.js中所有暴露出来的对象
import calc from './calc.js'

//只获取calc.js中的add方法
import {add} from './calc.js'

```

注意：1、如果模块中是使用export dafault{} 方式导出的对象
        只能通过 import 对象名称 from '模块路径'
        不能通过 import {对象名称} from '模块路径'

     2、如果就想要import {对象名称} from '模块路径'
        通过这种方式来按需导入对象中的某个属性
        那么应该使用export 跟着要导出的对象或者方法名称
        export function add(){}
        export function substrct() {}

        那么就可以使用：
        import {add,subtrct} from '模块路径'
        只需要直接使用add()方法即可 
        注意这里不能直接使用： import calc from '模块路径'这种方式导入，会报错