Heim > Web-Frontend > js-Tutorial > Hauptteil

Was sind 7 praktische Tipps zu ES6?

亚连
Freigeben: 2018-06-11 15:27:52
Original
1276 Leute haben es durchsucht

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
Nach dem Login kopieren

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}});
Nach dem Login kopieren

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
Nach dem Login kopieren

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]
Nach dem Login kopieren

Hack #5 Eine Kopie erstellen

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

const obj = { ...oldObj }
const arr = [ ...oldArr ]
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage