https://www.zhihu.com/question/37984203

總結(jié)vue中常用的es6語(yǔ)法

    1、對(duì)象的寫法
        es5中對(duì)象： {add:add,substrict:substrict}
        es6中對(duì)象： {add,substrict}

    2、在對(duì)象中的方法的寫法
        es5中對(duì)象： {add:function(){},substrict:function(){}}
        es6中對(duì)象： {add(){},substrict(){}}
    
    3、對(duì)象的導(dǎo)出寫法
     calc.js

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

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


    4、對(duì)象的導(dǎo)入
    es5: var add  = require('./calc.js');
    es6:
    如果導(dǎo)出的是：export default{ add(){}}
    那么可以通過(guò)  import obj from './calc.js'

    如果導(dǎo)出的是：
// 寫法一
    export fucntion add(){} 
    export fucntion substrict(){} 
    export const PI=3.14   
// 寫法二
    var m = 1;
    export {m};
// 寫法三
   var firstName = 'Michael';
   var lastName = 'Jackson';
   var year = 1958;
   export {firstName, lastName, year};

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

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

    //用箭頭函數(shù)實(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)});