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 '模块路径'这种方式导入，会报错
