Изменения в ES6 после ES5

Введение

С выходом ECMAScript 2015 язык JavaScript получил множество новых возможностей, которые значительно расширили его применение в разработке, в том числе на стороне сервера. Эти изменения упростили написание кода, сделали его более читаемым и приблизили язык к современным стандартам промышленной разработки.

Новые возможности объявления переменных

В ES5 существовало только ключевое слово var, которое имело проблемы с областью видимости. В ES6 добавлены новые способы:

let — переменные с блочной областью видимости.
const — переменные-константы, значение которых нельзя переопределить.

      // Пример использования let и const
      let count = 10;
      const PI = 3.14;

      if (true) {
          let inner = "hello";
          console.log(inner); // hello
      }
      // console.log(inner); // Ошибка, переменная недоступна
    

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

ES6 ввёл стрелочные функции, которые являются сокращённой формой записи функций и наследуют this из внешнего контекста.

      // Обычная функция
      function sum(a, b) {
          return a + b;
      }

      // Стрелочная функция
      const sumArrow = (a, b) => a + b;

      console.log(sum(2, 3));      // 5
      console.log(sumArrow(2, 3)); // 5
    

Шаблонные строки

В ES6 появились шаблонные строки, которые упрощают работу со строками и позволяют использовать выражения внутри строки.

      const name = "Alex";
      const age = 25;
      console.log(`Имя: ${name}, Возраст: ${age}`);
      // Имя: Alex, Возраст: 25
    

Деструктуризация

ES6 позволяет извлекать значения из массивов и объектов с помощью деструктуризации.

      const user = {id: 1, name: "Ivan"};
      const {id, name} = user;
      console.log(id);   // 1
      console.log(name); // Ivan

      const arr = [10, 20, 30];
      const [first, second] = arr;
      console.log(first, second); // 10 20
    

Оператор распространения (Spread) и Rest

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

      const arr1 = [1, 2, 3];
      const arr2 = [...arr1, 4, 5];
      console.log(arr2); // [1, 2, 3, 4, 5]

      function sum(...numbers) {
          return numbers.reduce((a, b) => a + b, 0);
      }

      console.log(sum(1, 2, 3)); // 6
    

Классы

В ES6 появились классы — синтаксический сахар над прототипным наследованием.

      class User {
          constructor(name) {
              this.name = name;
          }

          sayHello() {
              console.log(`Привет, я ${this.name}`);
          }
      }

      const user = new User("Alex");
      user.sayHello(); // Привет, я Alex
    

Модули

ES6 ввёл модули с ключевыми словами import и export.

      // user.js
      export class User {
          constructor(name) {
              this.name = name;
          }
      }

      // app.js
      import {User} from "./user.js";

      const user = new User("Ivan");
    

Заключение

ES6 принесло множество улучшений, которые сделали JavaScript мощным инструментом для создания серверных приложений. Новые возможности позволяют писать более надёжный, структурированный и читаемый код.