Приклади карток JavaScript з нашого додатку

Завантажте наш додаток з App Store або Google Play, щоб отримати більше безкоштовних карток або підпишіться на доступ до всіх карток.

JavaScript

Що таке лексична область видимості у JavaScript?

Лексична область видимості в JavaScript - це принцип, за яким діапазон видимості змінної визначається її розташуванням у коді. Це означає, що змінні доступні всередині блоку, в якому вони були визначені, а також у будь-яких вкладених блоках. Це дозволяє створювати замикання та контролювати доступ до змінних. Приклад використання лексичної області видимості в коді JavaScript:

function outerFunction() {
  let outerVariable = `Я ззовні!`;

  function innerFunction() {
    console.log(outerVariable); // Має доступ до 'outerVariable'
  }

  innerFunction();
}
outerFunction(); // Відображає `Я ззовні!`

Лексична область видимості дозволяє внутрішній функції отримувати доступ до змінних, визначених в зовнішній функції, навіть після того, як зовнішня функція закінчила роботу. Це ключовий елемент у створенні замикань в JavaScript, що дозволяє більш гнучке керування станом в додатках.

JavaScript

Що таке підняття (hoisting)?

Підняття - це механізм у мовах JavaScript, за яким змінні та функції переміщуються на верхню частину своєї області видимості до виконання коду. На практиці це означає, що ми можемо використовувати функції або змінні до того, як вони фактично оголошені.

Однак варто зауважити, що підіймається трохи по-різному для змінних та функцій.

Для змінних, оголошених з var, підіймається тільки оголошення, а не ініціалізація. Змінні, ініціалізовані до оголошення, будуть повернені як undefined.

Приклад коду підняття для змінних:

console.log(myVar); // undefined
var myVar = 5;
console.log(myVar); // 5

Щодо функцій, підняття переміщає як оголошення, так і визначення функції наверх, що дозволяє використовувати функцію перед її оголошенням.

Приклад коду підняття для функцій:

console.log(myFunction()); // "Hello World"

function myFunction() {
  return "Hello World";
}

Підняття не відбувається для змінних, оголошених з допомогою let та const.

JavaScript

Що таке стрілкова функція і які її переваги?

Стрілкова функція, також відома як стрілкова функція, - це тип функції, що був введений у ECMAScript 6 (ES6). Їх називають стрілковими функціями, тому що вони використовують спеціальний синтаксис із стрілкою ( => ), щоб визначити функцію.

Для порівняння, традиційна функція може виглядати так:

функция сума(a, b) {
  повернути a + b;
}

Її еквівалент у форматі стрілкової функції виглядатиме так:

const сума = (a, b) => a + b;

Основною перевагою стрілкової функції є те, що вона не створює свій власний контекст виконання (пов'язаний з this), що дуже часто стає джерелом помилок у JavaScript. Стрілкові функції наслідують this від оточуючого контексту. Іншою перевагою є стислість синтаксису, особливо корисна коли функції використовуються як аргументи для інших функцій, наприклад, в функціях вищого порядку.

З іншого боку, через відсутність свого власного this, стрілкові функції не підходять для визначення конструктора (творчих) об'єктів або для створення методів в прототипі об'єкта.

JavaScript

Що таке об'єкт Promise і як його можна використовувати?

Об'єкт Promise в JavaScript використовується для обробки асинхронних операцій. Promise представляє значення, яке може бути недоступним на момент створення Promise, але може стати доступним у майбутньому, або ніколи.

Об'єкт Promise може перебувати в одному з трьох станів:
1. В очікуванні - операція все ще триває, ще не завершена або успішно, або з помилками.
2. Виконано - операція успішно завершена, Promise повернув значення.
3. Відхилено - операція завершена з помилкою, Promise повертає причину помилки.

Проміс, який було виконано або відхилено, вважається "вирішеним", і його стан ніколи не змінюється.

Створення об'єкта Promise:

const promise = new Promise((resolve, reject) => {
  const success = true;
  if (success) {
    resolve('Операція успішна.');
  } else {
    reject('Операція не вдалась.');
  }
});

Використання об'єкта Promise:

promise
  .then(result => {
    console.log(result); // Друкує: 'Операція успішна.'
  })
  .catch(error => {
    console.log(error);
  });

Метод .then() виконується, коли Promise виконано, а .catch() - коли відхилено. У обох випадках результат операції або причина відхилення Promise передається як аргумент.

Завантажити IT Flashcards Зараз

Зміцніть свою подорож навчання ІТ за допомогою найкращого додатка з флешкартками. Від основ програмування до опанування передових технологій, IT Flashcards - ваш квиток до досконалості в ІТ. Завантажте зараз і розкрийте свій потенціал у сьогоднішньому конкурентному технологічному світі.

Отримати у

PLAY STORE

Завантажити з

APP STORE

Картки JavaScript

Приклади карток JavaScript з нашого додатку

Що таке лексична область видимості у JavaScript?

Що таке підняття (hoisting)?

Що таке стрілкова функція і які її переваги?

Що таке об'єкт Promise і як його можна використовувати?

Завантажити IT Flashcards Зараз