一張圖教會你es6

經常使用es6

es6在如今的羨慕中使用愈來愈頻繁，不少還不熟悉的小夥伴能夠看過來了，偶然間發現的這張圖，帶你體驗es6，實際上本人也寫了一些簡單的測試，主要是項目中使用到的，有須要能夠拿走！！！

源碼在下面，能夠本身建一個html，插入便可看到效果！！！

//結構賦值
    const { x, y = z } = { x: 1, y: 2 }
    console.log(x,y);
    //重複某個字符串n遍
    var s = 'hello'.repeat(3) + 'y'
    console.log(s);
    //替換
    console.log(s.replace(/o/g,'6'));
    //截取slice（開始位置，結束位置）,substring（開始位置，結束位置）,substr(開始位置，截取長度)
    console.log(s.slice(0,5));
    //返回字符串所在的下標，沒有返回null
    console.log(s.match('k'));
    //返回true或者false，是否包含某一個字符
    console.log(s.includes('8'));
    //對比兩個數是否相等
    console.log(Object.is(undefined,undefined));
    //對象合併，返回原對象
    let data = {a:123}
    console.log(Object.assign(data, {b:321}));
    //返回對象的鍵所組成的數組
    console.log(Object.keys(data));
    //返回對象的鍵值所組成的數組
    console.log(Object.values(data));
    //遍歷對象，返回的是對象中的每個鍵
    for(let i in data) {
        console.log(i);
    }
    //擴展運算符
    console.log([...['q','2','v'], ...['b','k']]);
    //僞數組轉換成數組，包含length的對象、Arguments對象、NodeList對象都叫僞數組
    let str = '1232131232'
    //拆分紅一個一個的位符
    console.log(Array.from(str));
    //數組去重
    console.log(new Set(Array.from(str)));
    //整個轉成一個數組
    console.log(Array.of(str));
    //查找數組中是否有某一個值，知足則返回該值，不然返回undefined
    let newstr = Array.from(str).find((value, index) => {
        return value == 3
    })
    console.log(newstr);
    //返回符合條件的第一位的下標，沒有則返回-1
    console.log(Array.from(str).findIndex((value, index) => {
        return value == 3
    }));


    //函數參數默認值
    function func (x =1,y=2) { 
        console.log(x,y);
     }
     func(0)
     //箭頭函數
     async function ync (num) {
        return new Promise((resolve, reject) => {
            setTimeout (()=> {
                    resolve(2 * num)
                },1000)
        })
     }
    ync(30).then((res)=> {
        console.log(res)
        })
        
    //遞歸調用自己，遞歸使用條件必須有邊界判斷
    function ret (num) {
        //邊界判斷
        if(num >= 500) {
            return 1
        } else {
            return ret(2+num)
        }
    }
    console.log(ret(20));