Новые функции, которые вам следует знать в JavaScript
Вступление
JavaScript - это язык, который должен знать каждый веб-разработчик. Это королева веб-разработки. За последние несколько лет он значительно улучшился с появлением новых версий ECMAScript, особенно ES6, что значительно упрощает процесс разработки для разработчиков. Вот почему вам, как разработчику JavaScript, необходимо обновить эти функции.
В этой статье мы покажем вам 5 новых функций JavaScript, которые вам следует знать. Давайте приступим к делу.
1. Заполнение строк в JavaScript.
Одной из новых функций, добавленных в JavaScript, является заполнение строк. Итак, ECMAScript 2017 добавил для этого два строковых метода: padStart и padEnd. Это позволяет добавлять отступы в начале и в конце строки.
Взгляните на примеры ниже:
let str = "5"; str = str.padStart(4,0); // result is 0005
Теперь давайте попробуем добавить отступ в конце строки с помощью padEnd.
let str = "1"; str = str.padEnd(3,0); // result is 100
Убедитесь, что у этих методов заполнения строк есть два аргумента, первый из которых должен быть числом, которое на 1 больше, чем количество элементов, которые вы хотите добавить. Например, если вы хотите добавить два символа в конец строки, вы должны поместить 3 в первый аргумент метода padEnd.
2. Дескрипторы собственности
JavaScript добавил новую функцию Object.getOwnPropertyDescriptors(). Эта функция позволяет возвращать каждое из свойств объекта с включенными дескрипторами. Дескриптор - это в основном метаинформация, добавляемая к свойству, которая определяет, как это свойство может использоваться.
Вот пример:
var x = { number1: 1, number2: 2};
console.log(Object.getOwnPropertyDescriptors(x));
/* Prints: { number1: {value: 1, writable: true, enumerable: true, configurable: true},
number2: {value: 2, writable: true, enumerable: true, configurable: true} } */
Как видите, этот метод дает вам возможность очень простым способом получить всю эту дескрипторную информацию для объекта.
3. Асинхронные функции JavaScript.
Асинхронные функции в JavaScript выполняются асинхронно. Это означает, что наш код может выполнять несколько задач одновременно, ему не нужно ждать, пока одна задача перейдет к другой.
Асинхронные функции объявляются с ключевым словом async, и в них разрешено ключевое слово await.
Давайте посмотрим на пример ниже:
// async functions can be called befoe declaration.
myDisplay();
async function myDisplay() {
let myPromise = new Promise(function(myResolve, myReject) {
setTimeout(function() { myResolve("I love You !!"); }, 3000);
});
console.log(await myPromise);
}
// This will come before the promise even when it is called after.
console.log("This will come before even when it is called after");
// Calling the function.
//Output:
// Prints: "This will come before even when it is called after"
// Returns a fulfilled promise "I love You !!"
Как видите, обещание появится после строки, даже если мы вызываем его перед строкой в нашей функции. Это потому, что для выполнения обещания требуется 3000 миллисекунд. Асинхронный код не будет его ждать, поэтому строка будет стоять перед обещанием. Даже когда функция вызывается перед объявлением, она все равно работает, потому что это асинхронная функция.
4. Ценности объекта
JavaScript также представил Object.values, который возвращает одномерный массив значений объекта.
Взгляните на пример ниже:
const person = {
firstName : "Mehdi",
lastName : "Aoussiad",
age : 19,
eyeColor : "black"
};
console.log(Object.values(person));
// Prints ["Mehdi","Aoussiad",19,"black"]
5. Записи об объектах
Object.entries аналогичен Object.values, но возвращает многомерный массив значений и свойств (ключей) объекта.
Вот пример:
const person = {
firstName : "Mehdi",
lastName : "Aoussiad",
age : 19,
eyeColor : "black"
};
console.log(Object.entries(person));
// Prints: [["firstName", "Mehdi"],["lastName", "Aoussiad"],["age", 19],["eyeColor", "black"]]
Заключение
Как видите, это всего лишь несколько простых функций, которые вам нужно знать, потому что это очень помогает. Инструменты быстро меняются, и нам нужно продолжать учиться, потому что это никогда не прекращается, особенно в сфере высоких технологий.
Спасибо, что прочитали эту статью, надеюсь, вы нашли ее полезной.
