Для меня было важно написать статью о функциях ES6, потому что в нее были внесены значительные изменения. Некоторые из новых функций включают классы, шаблонные литералы, стрелочные функции, деструктуризацию объекта, оператор распространения и переменные (var, const, let). Хотя я не охватываю все сделанные обновления, вот некоторые из наиболее часто используемых или, по крайней мере, то, которое я использую чаще всего.
Классы ES6
Классы никогда не существовали до ES5, что делает это захватывающим, потому что классы можно найти во многих объектно-ориентированных языках. С ES6 легко создавать объекты, создавать повторно используемый код и использовать ключевое слово extend для реализации наследования. Теперь в ES6 вы можете объявить класс с ключевым словом class, за которым следует имя класса. В приведенном ниже примере AllLists - это имя класса. Обратите внимание, что AllLists имеет TitleCase, поэтому обязательно используйте TitleCase для имени класса. Метод super () относится к родительскому классу, который позволяет дочернему элементу иметь доступ к свойствам и методам родительского класса. Функция конструктора инициализируется автоматически.
Стрелочные функции ES6
Благодаря функции стрелок в ES6 можно написать короткий синтаксис для функции.
Еще одна интересная особенность стрелочной функции: если функция имеет только один оператор, ключевое слово return можно удалить.
Переменные ES6
ES6 представил новые переменные с блочной областью видимости. Блок - это код, ограниченный {}, поэтому все, что находится внутри {}, является блоком. Раньше var использовался как способ объявления переменной, но теперь ES6 представил еще два способа объявления переменной. Предпочтительный метод - с ключевыми словами const и let.
Const - ключевое слово const доступно только для чтения, и вы не можете переназначить ему новые значения. Const имеет блочную область видимости, как и let.
Let - ключевое слово let является блочным и не поднимается. Например, если вы используете ключевое слово let внутри цикла, оно не существует вне цикла. Ключевое слово let может быть обновлено, но не объявлено повторно.
Var - ключевое слово var привязано к функции и поднимается наверх в пределах своей области видимости. Если ключевое слово var используется внутри цикла или блока if, к нему можно получить доступ вне цикла или блока if. Помните, что var поддерживает подъем. Кроме того, ключевое слово var можно повторно объявить и обновить.
Оператор распространения ES6
Оператор спреда обозначен (…). Оператор распространения распределяет элементы в повторяемом объекте, таком как строка или массив. Как вы можете видеть ниже, был создан новый массив (y), а исходный массив (x) не изменился. Вот его добавление в начало массива.
Вот еще один пример с оператором спреда. Исходный массив - nums. Новый массив - allNums, а исходный массив не изменяется. Обратите внимание, что он добавляется в конец массива.
Разрушение объекта ES6
Деструктуризация позволяет нам извлекать объекты данных в их собственные переменные. Он извлекает свойства из объекта.
Надеюсь, это руководство было полезно для демонстрации некоторых из последних обновлений ES6. Это далеко не все обновления, но дает представление о некоторых из наиболее часто используемых.
Удачного кодирования!
