Почему ES6 отличается от ES5?

ES6-ECMAScript6 Со всеми функциями
ES — это ECMAScript, ECMAScript 6 также известен как ES6 и ECMAScript 2015, которые будут отличаться и будут иметь множество функций, таких как стрелочные функции, const, обещания, импорт/экспорт модулей.. Давайте поговорим о некоторых наиболее важных функциях, чтобы понять, почему ES6 отличается от ES5.

Вот некоторые ключевые особенности ES6:
Константы:
Константы, также известные как const, являются неизменяемыми переменными, значение которых не может быть изменено, а изменяемые переменные — это те, значение которых будет изменяться.
Пример:

const PI = 3.141593

— — — — — — — — — — — — — — — — — — — — — — — — —
Область применения:
Каждая функция создает новую область.
Область видимости определяет доступность (видимость) этих переменных.
Переменные, определенные внутри функции, недоступны (видимы) снаружи функции.
В ES6 есть два типа области видимости:
1- Область видимости переменных
2 — Область действия функций
— — — — — — — — — — — — — — — — — — — — — — — — —
Функции стрелки:
Толстая стрелка или стрелочные функции, опросы показывают, что самая популярная функция в ES6 — это стрелочные функции. Они экономят время разработчиков и упрощают набор функций.
Пример:
const multipleES6 = (x, y) => { return x * y };
— — — — — — — — — — — — — — — — — — — — — — — — —
Модули:
Модуль использует обычный JavaScript для создания функций, объектов, констант и любого другого типа JavaScript. мы можем импортировать и экспортировать модули.
Пример:

// import my module
var myModule = require(“resource://path/to/my/module.js”);
// var exports = module.exports = {};
exports.sayHelloInEnglish = function() {
return “HELLO”;
};

— — — — — — — — — — — — — — — — — — — — — — — — —
Классы
Один из способов определить класс — использовать объявление класса. Чтобы объявить класс, вы используете ключевое слово class с именем класса
Пример:

class Rectangle {
constructor(height, width) {
this.height = height;
this.width = width;
}
}

— — — — — — — — — — — — — — — — — — — — — — — — —
Обещания
Он позволяет связать обработчики с возможным значением успеха или причиной отказа асинхронного действия.
Обещание находится в одном из следующих состояний:
pending: исходное состояние, ни выполнено, ни отклонено.
выполнено: это означает, что операция завершена успешно.
отклонено: это означает, что операция не удалась.
Пример:

**To provide a function with promise functionality, simply have it return a promise:**
function myAsyncFunction(url) {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
xhr.open(“GET”, url);
xhr.onload = () => resolve(xhr.responseText);
xhr.onerror = () => reject(xhr.statusText);
xhr.send();
});
}

— — — — — — — — — — — — — — — — — — — — — — — — —
Вот другие особенности ES6:
Расширенная обработка параметров
Литералы шаблонов
Расширенные литералы
Расширенное регулярное выражение
Расширенные свойства объекта
Присвоение деструктуризации
Тип символа
Итераторы
Генераторы
Карта/набор и WeakMap/WeakSet
Типизированные массивы

Спасибо за прочтение, если понравилось, пишите комментарии, делитесь и ставьте лайки,
спасибо Ризван