Heim >Web-Frontend >js-Tutorial >Was sind 7 praktische Tipps zu ES6?

Was sind 7 praktische Tipps zu ES6?

亚连
亚连Original
2018-06-11 15:27:521304Durchsuche

Dieser Artikel teilt Ihnen 7 praktische Fähigkeiten von es6 mit. Er ist sehr gut und hat einen Referenzwert. Freunde, die interessiert sind, können gemeinsam lernen

Hack #1 Elemente austauschen

Verwenden Sie die Array-Destrukturierung, um den Werteaustausch zu realisieren

let a = 'world', b = 'hello'
[a, b] = [b, a]
console.log(a) // -> hello
console.log(b) // -> world

Hack #2 Debugging

Wir verwenden oft console.log() zum Debuggen, versuchen Sie es mit console .table() tut auch nicht weh.

const a = 5, b = 6, c = 7
console.log({ a, b, c });
console.table({a, b, c, m: {name: 'xixi', age: 27}});

Hack #3 Einzelanweisung

In der ES6-Ära werden Anweisungen, die auf Arrays arbeiten, kompakter sein

// 寻找数组中的最大值
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

Hack # 4 Array-Spleißen

Erweiterungsoperator kann concat ersetzen

const one = ['a', 'b', 'c']
const two = ['d', 'e', 'f']
const three = ['g', 'h', 'i']
const result = [...one, ...two, ...three]

Hack #5 Eine Kopie erstellen

Wir können Arrays und einen Shallow einfach implementieren Kopie des Objekts

const obj = { ...oldObj }
const arr = [ ...oldArr ]

Hack #6 Benannte Parameter

Das obige ist der detaillierte Inhalt vonWas sind 7 praktische Tipps zu ES6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn