Przykładowe fiszki JavaScript z naszej aplikacji

Pobierz naszą aplikację w App Store lub Google Play, aby uzyskać więcej darmowych fiszek lub subskrybuj dostęp do wszystkich fiszek.

JavaScript

Co to jest zasięg leksykalny (lexical scope) w JavaScript?

Zasięg leksykalny w JavaScript to zasada, wg której zakres widoczności zmiennej jest określony przez jej położenie w kodzie. Oznacza to, że zmienne są dostępne wewnątrz bloku, w którym zostały zdefiniowane, oraz w blokach zagnieżdżonych. Umożliwia to tworzenie zamykań i kontrolę nad dostępem do zmiennych. Przykład użycia zasięgu leksykalnego w kodzie JavaScript:

function outerFunction() {
  let outerVariable = 'Jestem na zewnątrz!';

  function innerFunction() {
    console.log(outerVariable); // Ma dostęp do zmiennej 'outerVariable'
  }

  innerFunction();
}
outerFunction(); // Wyświetli 'Jestem na zewnątrz!'

Zasięg leksykalny umożliwia funkcji wewnętrznej dostęp do zmiennych zdefiniowanych w funkcji zewnętrznej, nawet po jej zakończeniu. Jest to kluczowy element tworzenia zamykań (closures) w JavaScript, co pozwala na bardziej elastyczne zarządzanie stanem w aplikacjach.

JavaScript

Co to jest hoisting?

Hoisting to mechanizm w językach JavaScript, w którym zmienne i funkcje są przenoszone na górę swojego zakresu przed wykonaniem kodu. W praktyce oznacza to, że możemy używać funkcji lub zmiennych przed ich faktycznym zadeklarowaniem.

Należy jednak zwrócić uwagę, że hoisting działa nieco inaczej dla zmiennych i funkcji.

Dla zmiennych deklarowanych za pomocą słów kluczowych var, tylko deklaracja jest przenoszona na górę, nie zaś inicjalizacja. Zmienne zainicjalizowane przed deklaracją zostaną zwrócone jako undefined.

Przykładowy kod ilustrujący hoisting dla zmiennych:

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

Dla funkcji, hoisting przenosi na górę zarówno deklarację, jak i definicję funkcji, co pozwala na korzystanie z funkcji przed jej deklaracją.

Przykładowy kod ilustrujący hoisting dla funkcji:

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

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

Hoisting nie ma miejsca dla zmiennych deklarowanych za pomocą let i const.

JavaScript

Co to jest funkcja strzałkowa (arrow function) i jakie ma zalety?

Funkcja strzałkowa, znana również jako arrow function, to rodzaj funkcji wprowadzony w ECMAScript 6 (ES6). Są one zwane funkcjami strzałkowymi, ponieważ używają specjalnej składni ze strzałka ( => ) do definiowania funkcji.

Dla porównania, tradycyjna funkcja mogłaby wyglądać tak:

function sum(a, b) {
  return a + b;
}

Zaś jej odpowiednik jako funkcja strzałkowa to:

const sum = (a, b) => a + b;

Podstawową korzyścią funkcji strzałkowej jest to, że nie tworzy ona własnego kontekstu wywołania (bindingu do this), co jest często źródłem błędów w JavaScript. W funkcjach strzałkowych this jest dziedziczone z otaczającego kontekstu. Inną zaletą jest zwięzłość składni, szczególnie przydatna, gdy funkcje są używane jako argumenty innych funkcji, np. w funkcjach wyższego rzędu.

Z drugiej strony, ze względu na brak własnego this, funkcji strzałkowe nie są odpowiednie do definiowania obiektów konstruujących (twórczych) ani do tworzenia metod w obiektach prototypowych.

JavaScript

Co to jest obiekt Promise i jak można go użyć?

Obiekt Promise w JavaScript jest używany do obsługi operacji asynchronicznych. Promise reprezentuje wartość, która może nie być dostępna już w momencie utworzenia Promise, ale może być dostępna w przyszłości, albo nigdy.

Obiekt Promise może znajdować się w jednym z trzech stanów:
1. Pending - operacja nadal trwa, nie zakończona ani pomyślnie, ani z błędem.
2. Fulfilled - operacja zakończona pomyślnie, Promise zwróciło wartość.
3. Rejected - operacja zakończona z błędem, Promise zwróciło powód błędu.

Promise, które zostało spełnione lub odrzucone, jest uznawane za „osiągnięte” (settled) i jego stan nigdy nie zmienia się.

Tworzenie obiektu Promise:

const promise = new Promise((resolve, reject) => {
  const success = true;
  if (success) {
    resolve('Operacja pomyślna.');
  } else {
    reject('Operacja nieudana.');
  }
});

Użycie obiektu Promise:

promise
  .then(result => {
    console.log(result); // Wypisze: 'Operacja pomyślna.'
  })
  .catch(error => {
    console.log(error);
  });

Metoda .then() jest wykonywana, kiedy Promise jest spełnione, a .catch() kiedy jest odrzucone. W obu przypadkach jako argument przekazywany jest rezultat operacji albo powód odrzucenia Promise.

Pobierz IT Flashcards Teraz

Wzmocnij swoją podróż nauki IT dzięki najlepszej aplikacji z fiszkami. Od podstaw programowania po opanowanie zaawansowanych technologii, IT Flashcards to Twój paszport do doskonałości IT. Pobierz teraz i odkryj swój potencjał w dzisiejszym konkurencyjnym świecie techniki.

Pobierz z

PLAY STORE

Pobierz z

APP STORE

Fiszki JavaScript

Przykładowe fiszki JavaScript z naszej aplikacji

Co to jest zasięg leksykalny (lexical scope) w JavaScript?

Co to jest hoisting?

Co to jest funkcja strzałkowa (arrow function) i jakie ma zalety?

Co to jest obiekt Promise i jak można go użyć?

Pobierz IT Flashcards Teraz