ES6 означает ECMAScript 2015. Javascript представляет es6 для лучшего качества кода, или мы можем установить наш стандарт в коде. Здесь ES6 вводит следующие моменты:
Ключевое слово Let : ключевое слово let для создания переменной локальной области видимости на уровне блока. Локальная область видимости означает, что ключевое слово может найти закрывающий блок.
Например:
function Test(x) {
if(x == 1) {
пусть у = х;
}
console.log(у); // Вывод: мы получим ошибку, потому что переменная y не может быть оценена вне блока «если». {} означает блокировку.
}
Ключевое слово Const: ключевое слово Const помогает создать фиксированную переменную, которую мы не можем изменить во время выполнения.
Например: const array = [“User1”, “User2”];
массив = [“Пользователь3”]; // Это не может работать, потому что если мы присвоили значение ключевому слову const, мы не можем его изменить. Мы можем поместить некоторые элементы в переменную массива
array.push("User3"); //Вы получите новый массив ["User1", "User2", "User3"];
for… of Loop: позволяет перебирать итерируемые объекты (массивы, наборы, карты, строки и т. д.). Это представляет более позднюю версию es6.
for (element of iterable) { //
Every element in the iterable, run the body of the loop.}
Set: набор похож на массив, в котором хранится несколько элементов, таких как числа, объект, строка, которые не могут содержать повторяющиеся значения. На простом языке мы можем сказать, что Set удаляет повторяющиеся значения в массиве.
Например:
var test = ["Тест", "Тест2", "Тест"];
new Set(test); //Это возвращаемый объект набора для удаления дубликатов, если нам нужно вернуть массив then
[new Set(test)];
Функция стрелки: это позволяет нам создавать функцию понятным способом по сравнению с обычной функцией. Мы. создание переменной и назначение функции.
Например: // Regular function
let x = function(x, y) {
return x * y;
}
// using arrow functions
let x = (x, y) => x * y; //We have create a variable with name x and we have assigned the function to return multiplication of two variable
x(2,3); //Output 6
Классы. В JavaScript классы помогают создавать объектно-подобные конструкторы.
Например:
// creating a class class Test { constructor(name) { this.name = name; } } new Person('Jagjeet');
// constructor function function Test2 () { this.name = 'Jagjeet', this.age = 26 }
const user = new Test2();// create an object console.log(user.name)
Модуль: Импорт и экспорт
Мы можем создать несколько функций в одном файле, и мы хотим использовать эту функцию в другом файле в соответствии с нашими требованиями, поскольку нам нужно экспортировать, чтобы функция была доступна в другом файле с помощью импорта.
Например: // We have file validation.js
function isNotEmpty(value) {
if(!value) return false;
else return true;
по умолчанию
}
export isNotEmpty;
// another file
import isNotEmpty from './validation.js';
Обещания: это поможет вам выполнять асинхронную операцию в javascript. Обещание имеет три состояния:
- Ожидание
- Выполнено
- Отклонено
// returns a promise
let testPromise = new Promise(function (resolve, reject) {
reject('Promise rejected');
});
// executes when promise is resolved successfully
testPromise.then(
function successValue(result) {
console.log(result);
},
)
// executes if there is an error
.catch(
function errorValue(result) {
console.log(result);
}
);
//Вывод
Обещание отклонено
Параметр Rest и оператор Spread :
Оператор Rest используется для аргумента массива или функции.
Операция расширения использует расширение одного массива до другого массива.
Пример rest:
function rest(a, b,…argu) {
вернуть [а,б,…аргу];
}
rest(1,2,4,5,6);
Вывод =›[1,2,4,5,6];
Пример спреда: < br /> var a = [1,2,3];
var b = […a, 4, 5];
console.log(b); // вывод [1,2,3,4,5];
Карта: в основном содержит пары ключ-значение объекта и помогает запомнить фактический порядок вставки ключей в массив/объект.