В этой статье я собираюсь показать вам самые полезные функции ES6.

Эти функции позволят вам писать код JavaScript более эффективно, и вы сможете делать больше с меньшим объемом кода.

Не рассматривайте это как документацию. Цель этой статьи - побудить вас познакомиться с функциями ES6.

Итак, сделайте глубокий вдох и давайте погрузимся в это.

1. Область действия блока: const и let

ES6 представил два новых ключевых слова JavaScript: const и let.

Эти два ключевых слова создают переменные области действия блока. Чтобы узнать об области видимости в JavaScript, проверьте здесь.

Ключевое слово let позволяет объявлять переменные, значение которых можно изменять, тогда как ключевое слово const позволяет объявлять переменные, значения которых нельзя изменять.

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

Стрелочные функции позволяют более коротко писать функциональные выражения.

Здесь вы можете увидеть пример, в котором функция возвращает следующий год переданного аргумента. Здесь вы можете увидеть, как стрелочная функция помогает вам написать это короче, чем функция, созданная с использованием ключевого слова function.

Это некоторые из полезных функций стрелочных функций. Подробнее о стрелочных функциях читайте здесь. ТЗ

3. Строка шаблона

Литералы шаблона - это строковые литералы, которые позволяют нам встраивать выражения.

С ними можно использовать многострочные строки и функции интерполяции строк.

Литералы шаблона заключаются в символы обратных кавычек (``) вместо одинарных или двойных кавычек.

Литералы шаблона могут содержать заполнители. Они обозначены знаком доллара и фигурными скобками ${expression}. Это выражение может быть любым возможным выражением в JavaScript.

Шаблонные литералы делают такую ​​замену более читаемой.

Литералы шаблонов также позволяют писать многострочные строки.

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

ES6 позволяет параметрам функции иметь значения по умолчанию.

Параметры по умолчанию позволяют нам инициализировать функции значениями по умолчанию.

По умолчанию используется, когда аргумент либо опущен, либо undefined.

5. Объект Деструктуризация

Деструктуризация объекта позволяет извлекать запрошенные свойства из объекта и назначать их переменным с тем же именем, что и свойства.

6. Разрушение массива

Деструктуризация массива похожа на деструктуризацию объекта, она позволяет извлекать запрошенные элементы из массива и назначать их переменным.

7. Оператор отдыха

Оператор rest используется для сбора всех оставшихся элементов в массив.

Функцию можно вызывать с любым количеством аргументов, независимо от того, как она определена. Как показано в примере ниже.

В приведенном выше примере ошибки не будет из-за чрезмерного количества аргументов. Но, конечно, в счете будут засчитаны только первые два.

Невозможно заранее узнать, сколько аргументов будет передано функции add() и, следовательно, будет невозможно вернуть правильный результат.

Для преодоления этого покоя используется оператор ....

Оператор rest сохраняет все аргументы, переданные в функцию add(), в виде массива, а затем вы можете просмотреть его в цикле для вычисления суммы.

8. Оператор распространения

Оператор распространения ... выглядит так же, как оператор отдыха. Но оператору отдыха все наоборот.

Оператор Rest собирает элементы в массив, а оператор распространения распаковывает собранные элементы в один элемент.

Следующий пример проиллюстрирует это.