ES6的七個技巧

2021-08-14 17:37:10 字數 1481 閱讀 5069

利用陣列解構來實現值的互換

let a = 'world', b = 'hello'

[a, b] = [b, a]

console.log(a) // -> hello

console.log(b) // -> world

我們經常使用console.log()來進行除錯,試試console.table()也無妨。

const a = 5, b = 6, c = 7

console.log();

console.table(});

es6時代,運算元組的語句將會更加的緊湊

// 尋找陣列中的最大值

const max = (arr) => math.max(...arr);

max([123, 321, 32]) // outputs: 321

// 計算陣列的總和

const sum = (arr) => arr.reduce((a, b) => (a + b), 0)

sum([1, 2, 3, 4]) // output: 10

展開運算子可以取代concat的地位了

const one = ['a', 'b', 'c']

const two = ['d', 'e', 'f']

const three = ['g', 'h', 'i']

const result = [...one, ...two, ...three]

我們可以很容易的實現陣列和物件的淺拷貝

const obj = 

const arr = [ ...oldarr ]

解構使得函式宣告和函式的呼叫更加可讀

// 我們嚐嚐使用的寫法

const getstuffnotbad = (id, force, verbose) =>

// 當我們呼叫函式時, 明天再看,尼瑪 150是啥,true是啥

getstuffnotbad(150, true, true)

// 看完本文你啥都可以忘記, 希望夠記住下面的就可以了

const getstuffawesome = () =>

// 完美

getstuffawesome()

陣列解構非常贊!結合promise.all解構await會使**變得更加的簡潔

const [user, account] = await

promise.all([

fetch('/user'),

fetch('/account')

])

七個Git技巧

1.git的自動更正 我們有時都會打錯字,但如果啟用了 git 的自動更正功能,就可以讓 git 自動修正打錯的子命令。假設你想用git status檢查狀態,卻不小心輸入了git stats。正常情況下,git 會告訴你stats不是一條有效的命令 1 git stats 2 git stats ...

ES6的7個實用技巧

利用陣列解構來實現值的互換 let a world b hello a,b b,a console.log a hello console.log b world我們經常使用console.log 來進行除錯,試試console.table 也無妨。const a 5,b 6,c 7 console...

ES6關於promise技巧

1.推向promise物件推向 不同的狀態 const pro newpromise resolve,reject 2.原型成員 例項成員 註冊乙個後續處理函式,當promise為resolved狀態是執行該函式,當promise為rejected狀態是執行該函式的第二個引數 catch 註冊乙個後...