Рефакторинг
- Функциональность без изменений
- Улучшение производительности
- Ремонтопригодность лучше
- Понятность
- Удаление кода и неиспользованный код
Литералы шаблонов
const firstName = «все»;
console.log(`Добро пожаловать ${firstName} в ES6 & ES& Refactor!`)
ES5
var class = ‘заголовок’
классы += (isLargeScreen() ? ‘’ : item.isCollapsed ?
‘значок-расширитель’ : ‘иконка-коллапсер’);
ES6
const class = `header ${ isLargeScreen() ? '' : (item.isCollapsed ? 'иконка-расширитель' : 'иконка-коллапс') }`;
Синтаксис сахара объектов
ES5
константа х = 50
константа у = 60
const obj = {x:x, z:y}
ES6
константа х = 50
константа у = 60
const obj = {x, z:y}
Разрушение
- Параметры по умолчанию
- Отдых
- Распространять
- Массив и объекты
Параметры по умолчанию
const[a=4,b=5] = [50];
// ценности
a = 50
b = 5
По умолчанию в функциях
const add = (x=4,y=5) =› x +y;
let key = ‘z’;
let {[key]: foo} = {z: ‘bar’};
console.log(foo); // "бар"
Отдых
const [a, b, …остальное] = [10, 20, 30, 40, 50];
a = 10
b= 20
отдых = [30, 40, 50]
({c, d, …остальное} = {c: 10, d: 20, e: 30, f: 40});
отдых = {е: 30, е: 40}
Объединить массив
const х = [3, 4, 5];
const y = […x, 6, 7];
function f(x, y, z) {
return x + y + z;
}
// Передать каждый элемент массива в качестве аргумента
f(…[1,2 ,3]) == 6