Поскольку я написал эту статью о ES6 и функциональном программировании год назад, меня приняли в Программу разработки мостов и я узнал еще несколько фактов и возможностей ES6, которыми хочу поделиться! В прошлой статье я рассказал о литералах шаблонов, функциях let и const, а также функциях стрелок, так что прочтите ее, если хотите узнать больше об этих возможностях. В следующей статье я расскажу больше о том, что такое ES6, и объясню другие функции ES6. в частности, деструктурирование, распространение, отдых и занятия, используя мою собаку Рейнджера для иллюстрации примеров.
Что такое ЕС6?
ES6 — это сокращение от ECMAScript 6. ECMAScript — это официальное название языка JavaScript, а 6 — это самая последняя версия стандарта ECMAScript, реализованная в браузерах. Все браузеры поддерживают ES5, но не все полностью поддерживают ES6+. По этой причине инструменты транспилятора (преобразования + компиляции), вставленные в процесс сборки, такие как Babel, используются для преобразования ES6 в ES5.
Мы используем ES6, несмотря на то, что он не полностью поддерживается, потому что он защищает код в будущем, поэтому он готов к работе, как только браузер сможет его поддерживать, и у него есть функции, которые упрощают разработку и делают код более читаемым.
Разрушение
Краткий синтаксис для извлечения значений из объекта или массива. Работает для переменных и параметров
Распространение и отдых
Остальное используется для сбора остатка параметров объекта или массива и их упаковки в один массив. Это полезно, когда мы не знаем, сколько существует параметров. Отдых также используется в деструктурировании
Распространение используется для распространения или распаковки объектов или значений массива в несколько элементов в новом массиве. Это полезно для копирования массивов и изменения новой копии без изменения исходного массива или объединения массивов.
Spread и Rest не мутируют исходные данные, из которых они распространяются/отдыхают.
Класс
Класс – это специальная функция, объявленная с ключевым словом class. Мы можем думать об этом как о плане объекта, который мы можем использовать для создания нескольких экземпляров этого объекта с ключевым словом new. Когда мы создаем экземпляр, мы можем получить свойства исходного объекта класса и назначить новые, не изменяя исходный план.
Мы можем использовать объявление класса или выражение класса для создания класса в ES6.
Мы можем добавить к классу методы (функции, объявленные внутри класса), которые имеют доступ к значениям экземпляра этого класса. В отличие от обычных объектов, методы не разделяются запятыми.
Этоключевое слово используется внутри тела класса для ссылки на экземпляр этого класса и для доступа к значениям и методам класса.
Конструктор класса — это метод создания и инициализации объекта, созданного с помощью класса. Этот метод абсолютно необходим в теле класса, и в классе может быть только один метод-конструктор.
Метод Extends позволяет нам создавать новые классы, которые наследуют методы других классов.
Если мы расширяем класс в другой, нам нужно создать класс, из которого мы расширяемся, вызвав super в теле конструктора внутри класса, в который мы расширяемся.
Надеюсь, эта статья помогла вам понять некоторые другие функции ES6. Спасибо за чтение! Пожалуйста, наслаждайтесь этой фотографией моего пёсика, Рейнджер.