Сначала… Что такое JavaScript?

JavaScript — это язык программирования, который позволяет создавать новый и динамический контент. Это третий слой пирога, первые два — это HTML, язык разметки, который использует структуру, чтобы придать смысл веб-контенту, и CSS, язык каскадных правил, который мы используем для применения стиля к нашему HTML-контенту.

Эти три уровня HTML, CSS и JavaScript дополняют друг друга.

JavaScript позволяет вам делать следующее:

- Храните полезные значения в переменных.

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

- Функция — это процедура в JS, набор операторов, которые выполняют задачу или вычисляют значение.

Итак… Что такое ES6?

JavaScript основан на стандарте ECMAScript. Шестая версия называется ES2015 в соответствии с годом, в котором она была опубликована; Он также неофициально известен как ES6 (ECMA Script 6).
Это ES6, версия JavaScript, которая значительно улучшает синтаксис и работу.

6 новых функций Javascript ES6, которые должен знать каждый веб-разработчик!

Интерполяция цепочек

ES6 упрощает вставку переменных и операций в текстовые строки. Для этого мы будем писать строки между серьезными ударениями или обратными кавычками («Это строка»), а не в кавычках, а выражения или переменные между ${ и } ( ${expressionOrVariable} ).

Переменные let и const

Когда мы объявляем переменные с помощью let или const, переменные доступны только внутри области блока (между { и } ), где они были объявлены, и если мы попытаемся использовать их снаружи, они выдадут нам ошибку и предупредят, что переменная не существует в этом контексте.

С другой стороны, const позволяет нам объявить переменную, значение которой никогда не изменится после того, как мы ее присвоим, эта переменная называется константой.

Однако если значение, присвоенное константе, является массивом или объектом, его элементы или внутренние свойства могут измениться.

Цикл for… of

Цикл for…of в ES6 позволяет нам пройти через массив, например, без необходимости писать условия обычного for. Кроме того, это позволяет нам использовать гораздо более узнаваемые имена для значений внутри массива.

Мы не можем забывать, что если бы мы хотели изменить значения массива, нам пришлось бы сделать цикл for, как мы уже знали, так как for… of позволяет нам только читать данные.

Функции стрелки

Este nuevo tipo de funciones nos dan una sintaxis mucho más limpia, el código es mucho más limpio, ya que no tenemos que escribir las palabras функция y return, sino que tan solo introducimos una flecha '=›' después de los parametros.

Этот новый тип функций дает нам гораздо более чистый синтаксис, код намного чище, так как нам не нужно вводить слова function и return, а мы только вводим стрелку «=›» после параметров.

Разрушение

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

Распространение

Оператор распространения (…) преобразует массив или объект в набор содержащихся в нем значений, что позволяет нам использовать их так, как если бы они были прописаны в самом коде. Одним из преимуществ, предлагаемых оператором распространения, является то, что нам не нужно знать, что находится в массиве или объекте в любой момент времени.

И это только некоторые, больше вы можете найти на https://developer.mozilla.org/es/docs/Web/JavaScript/Novedades_en_JavaScript/ECMAScript_6_support_in_Mozilla.

Программисту важно быть в курсе новейших технологий в своей области. Поняв новые возможности и функциональность ES6, вы не станете динозавром.