Знакомство с ES6. Урок 20

ES6
let&const
Деструктуризация (массивов и объектов)
…Spread-оператор

Функции

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

Оператор spread
В нашем случае, rest - это массив, а значит, можно использовать методы map, forEach и т.д.

Свойство name

Стрелочные функции

Стрелочные функции
Выражения имеют более короткий синтаксис, всегда анонимные и лексически привязанные к значению this.
Синтаксис: (param1, param2, paramN) => expression

Особенности использования стрелочных функций
Лексическое связывание. Значения this, super и arguments определяются не тем, как стрелочные функции были вызваны, а тем, как они были созданы
Неизменяемые this, super и arguments. Значения этих переменных внутри стрелочных функций остаются неизменными на протяжении всего жизненного цикла функции
Стрелочные функции не могут быть использованы как конструктор
Недоступность «собственного» значения переменной arguments, this ...

Короткая запись

Пример

Отсутствие Arguments

Отсутствие запуска с new

Строки

Шаблонные строки
Выглядят как обычные строки, за исключением того, что обернуты символами обратных кавычек `
`строка текста`
`строка текста 1
строка текста 2`
`строка текста ${выражение} строка текста`
tag `строка текста ${выражение} строка текста`

Многострочные литералы
console.log(`string text line 1
string text line 2`);
//"string text line 1
// string text line 2"

Интерполяция выражений
В строке создаётся конструкция ${...}, внутри которой вы можете поместить любую переменную или выражение.
Cтроки, созданные с помощью обычных кавычек (' и ") не поддерживают интерполяцию. Для поддержки интерполяции следует использовать обратную кавычку ` (клавиша ё на клавиатуре):
С помощью интерполяции в строку можно поместить результат выполнения любого выражения, например, вызов функции

Интерполяция выражений
let arg1 = 2;
let arg2 = 3;
console.log(`${arg1} + ${arg2} = ${arg1 + arg2}`);//2 + 3 = 5

Интерполяция выражений
*Скорее всего, будут возникать ситуации, когда одного уровня интерполяции будет недостаточно. В подобных случаях удобно пользоваться вложенностью (интерполяция внутри интерполяции). Следует помнить, что весь код, находящийся внутри ${...} интерпретируется, как отдельное выражение, то есть может содержать обратные кавычки, которые не будут восприняты, как конец строки

Улучшенная поддержка юникода
Используется кодировка UTF-16. На хранение одного символа необходимо 2 байта
console.log( '我'.length );//1
console.log( '?'.length );//2
//расширенная поддержка метасимволов, математических символов
//и смайликов
console.log( '?'.length );//2, MATHEMATICAL SCRIPT CAPITAL X
console.log( '?'.length );//2, FACE WITH TEARS OF JOY

Метод includes
Проверяет, включает ли одна строка str в себя другую строку searchString, возвращает true/false
let str = 'To be, or not to be, that is the question.';
console.log(str.includes('To be')); //true
console.log(str.includes('question')); //true
console.log(str.includes('nonexistent')); //false
console.log(str.includes('To be', 1)); //false
console.log(str.includes('TO BE')); //false

Метод endsWith
Возвращает true, если строка str заканчивается подстрокой searchString
let str = 'To be, or not to be, that is the question.';
console.log(str.endsWith('question.'));//true
console.log(str.endsWith('to be')); //false
console.log(str.endsWith('to be', 19));//true

Метод startsWith
Возвращает true, если строка str начинается со строки searchString
let str = 'To be, or not to be, that is the question.';
console.log(str.startsWith('To be')); //true
console.log(str.startsWith('not to be')); //false
console.log(str.startsWith('not to be', 10));//true

Метод repeat
Повторяет строку str count раз
'abc'.repeat(-1); //RangeError
'abc'.repeat(0); //''
'abc'.repeat(1); //'abc'
'abc'.repeat(2); //'abcabc'
'abc'.repeat(3.5); //'abcabcabc' (count will be converted to integer)
'abc'.repeat(1/0); //RangeError

Объекты

Короткое свойство
При объявлении свойства объекта достаточно указать только его имя, а значение будет взято из переменной с аналогичным именем
let name = "Вася";
let isAdmin = true;
let user = {
name,
isAdmin
};
console.log(JSON.stringify(user));//{"name": "Вася", "isAdmin": true}

Вычисляемые свойства
let propName = "firstName";
let user = {
[propName]: "Вася"
};
console.log(user.firstName);//Вася

Вычисляемые свойства
let a = "Зелёный ";
let b = "Крокодил";
let user = { [(a + b).toLowerCase()]: "Петя"
};
console.log( user["зелёный крокодил"] );//Петя

Метод setPrototypeOf
Метод устанавливает прототип (внутреннее свойство [[Prototype]]) указанного объекта в другой объект или null
let dict = Object.setPrototypeOf({}, null);
let person = {
name: 'unknown'
};
let student = {
group: 1
};
let p1 = Object.setPrototypeOf(student, person);
console.log(p1.group);//1
console.log(p1.name);//unknown

Object.assign
Метод используется для копирования значений всех собственных перечисляемых свойств из одного или более объектов в целевой объект
Object.assign(target, src1, src2...)
let o1 = { a: 1 };
let o2 = { b: 2 };
let o3 = { c: 3 };
let obj = Object.assign(o1, o2, o3);
console.log(obj);//{ a: 1, b: 2, c: 3 }
console.log(o1); //{ a: 1, b: 2, c: 3 }
//изменился и целевой объект

Object.is
Метод определяет, являются ли два значения одинаковыми
Iet sSame = Object.is(value1, value2);
Object.is('foo', 'foo'); //true
Object.is(window, window); //true
Object.is('foo', 'bar'); //false
Object.is([], []); //false
let test = { a: 1 };
Object.is(test, test); //true
Object.is(null, null); //true
//Специальные случаи
Object.is(0, -0); //false
Object.is(-0, -0); //true
Object.is(NaN, 0/0); //true
Object.is(NaN, NaN); //true