js編碼技巧
1.新增{}進行輸出一個物件,更加直觀的看到所需要的資訊

2.console.table()

3.控制檯樣式

使用%c,之後的第二個引數為我們新增的css樣式

4.執行時間

5.堆疊跟蹤

console.trace("del data")

6.物件解構

7.物件/數組合並

物件

陣列

8.async

const random = () => {
    return Promise.resolve(Math.random())
}

const sunRandomAsyncNums = () => {
    let first;
    let second;
    // ...
    let end;

    return random()
        .then(res => {
            first = res
            return random()
        })
        .then(res => {
            second = res
            return random()
        })
        .then(res => {
            end = res
            return first + second + end
        })
        .then(res => {
             console.log(`result ${first + second + end}`);
        })
}

const sunRandomAsyncNums2 = async() => {

    const first = await random();
    const second = await random();
    const end = await random();

    console.log(`result ${first + second + end}`);
}

sunRandomAsyncNums();
sunRandomAsyncNums2();
```![](https://img2020.cnblogs.com/blog/1990597/202101/1990597-20210111154133083-1793145487.png)