Рефакторинг

  1. Функциональность без изменений
  2. Улучшение производительности
  3. Ремонтопригодность лучше
  4. Понятность
  5. Удаление кода и неиспользованный код

Литералы шаблонов

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}

Разрушение

  1. Параметры по умолчанию
  2. Отдых
  3. Распространять
  4. Массив и объекты

Параметры по умолчанию

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