ES6-Ecmascript6 со всеми функциями ES – ECMAScript, ECMAScript 6 также известен как ES6 и Ecmascript 2015, который будет другим и со многими функциями, такими как функции стрелки, Const, обещания, модули импортируют/экспорт. Давайте поговорим о некоторых наиболее важных функциях, чтобы очистить, почему ES6 отличается от ES5.
Вот несколько ключевых функций ES6: Константы: Констант также знают как Const, которые являются неизменными переменными, значением, которое не может быть изменено, в то время как изменяемые переменные являются теми, которые будут изменяться. Пример:
const PI = 3.141593
– – – – – – – – – – – – – – – – – – – – – – – – – – – – Scoping: Каждая функция создает новый объем. Область применения определяет доступность (видимость) этих переменных. Переменные, определенные внутри функции, недоступны (видны) из-за внешней функции. В ES6 есть два типа области: 1- Переменные Scoping 2 – различные настоинки – – – – – – – – – – – – – – – – – – – – – – – – – – – – Функции стрелки: FAT Arrow или Функции стрелки, Surveys показывают, что народная функция в ES6 должна настроить функции arrow. Они сохраняют время разработчиков и упрощают объем функции. Пример: const multialles6 = (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 Rectangle {
constructor(height, width) {
this.height = height;
this.width = width;
}
}
– – – – – – – – – – – – – – – – – – – – – – – – – – – – Обещания Это позволяет связывать обработчики с возможным успешным значением асинхронного действия или причиной отказа. Обещание в одном из этих государств: В ожидании: начальное состояние, не выполнено и не отклонено. Выполнено: означает, что операция успешно завершена. Отклонено: означает, что операция не удалась. Пример:
**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: Расширенная обработка параметров Шаблонные литералы Расширенные литералы Улучшенное регулярное выражение Расширенные свойства объекта Разрушение задания Тип символа Итераторы Генераторы Карта/комплект и слабыйМап/слабаестение Напечатанные массивы
Спасибо за чтение, если хотелось, пожалуйста, комментарии и поделитесь и бьют, как, Спасибо Ризвань