ES6語法使用總結(jié)

1、對象的寫法

        es5中對象： {add:add,substrict:substrict}
        es6中對象： {add,substrict}  注意這種寫法的屬性名稱和值變量是同一個名稱才可以簡寫，否則要想es5那樣的寫法,例如： {addFun:add}

2、在對象中的方法的寫法

        es5中對象： {add:function(){},substrict:function(){}}
        es6中對象： {add(){},substrict(){}}

3、對象的導出寫法

        es5兩種形式：
        1、module.exports = fucntion (){};
        2、exprots.add =  fucntion (){};

        es6中寫法：
        1、export default{
        add(){}
        }
        2、export fucntion add(){} 相當于 將add方法當做一個屬性掛在到exports對象

4、對象的導入

        es5: var add  = require('./calc.js');
        es6:
        如果導出的是：export default{ add(){}}
        那么可以通過  import obj from './calc.js'

        如果導出的是：
        export fucntion add(){} 
        export fucntion substrict(){} 
        export const PI=3.14

        那么可以通過按需加載 import {add,substrict,PI} from './calc.js'

5、es6中的箭頭函數(shù)的寫法

        箭頭的演變過程：
        //需求：利用函數(shù)實現(xiàn)倒序排列
        [2,1,3].sort(function(x,y){return y - x;});

        //用箭頭函數(shù)實現(xiàn) =>讀 goes to
        [2,1,3].sort((x,y)=>{return y - x;});
        [2,1,3].sort((x,y)=> {x++;y++; y - x;});
        [2,1,3].forEach(x=> {console.log(x)});