Question

Vad är lexikal omfattning i JavaScript?

Answer 1

Lexikalisk räckvidd i JavaScript är en princip där synlighetsområdet för en variabel bestäms av dess plats i koden. Detta innebär att variabler är tillgängliga inuti blocket där de definierades, samt i alla nästlade block. Detta möjliggör skapandet av stängningar och kontroll över variabelåtkomst. Exempel på användning av lexikalisk räckvidd i JavaScript-kod:

function outerFunction() {
  let outerVariable = `I'm outside!`;

  function innerFunction() {
    console.log(outerVariable); // Har tillgång till 'outerVariable'
  }

  innerFunction();
}
outerFunction(); // Visar `I'm outside!`

Lexikalisk räckvidd tillåter en inre funktion att få åtkomst till variabler definierade i en yttre funktion, även efter att den yttre funktionen har avslutats. Detta är ett nyckelelement i skapandet av stängningar i JavaScript, vilket möjliggör mer flexibel statehantering i applikationer.

Answer 2

Hoisting är en mekanism i JavaScript-språk där variabler och funktioner flyttas till toppen av deras omfång innan koden körs. I praktiken innebär detta att vi kan använda funktioner eller variabler innan de faktiskt deklareras.

Det bör dock noteras att hoisting fungerar lite annorlunda för variabler och funktioner.

För variabler deklarerade med var nyckelord, är det endast deklarationen som hissas, inte initialiseringen. Variabler initialiserade före deklaration kommer att returneras som undefined.

Ett exempel på kod för variabler:

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

För funktioner, flyttar hoisting både deklaration och definition av funktionen till toppen, vilket gör det möjligt att använda funktionen innan den deklareras.

Ett exempel på kod för funktioner:

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

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

Hoisting sker inte för variabler deklarerade med let och const.

Answer 3

En pilfunktion, även känd som pilfunktion, är en typ av funktion som introducerades i ECMAScript 6 (ES6). De kallas pilfunktioner eftersom de använder en speciell syntax med en pil ( => ) för att definiera funktionen.

Till jämförelse kan en traditionell funktion se ut så här:

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

Dess ekvivalent som en pilfunktion är:

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

Det främsta fördelen med en pilfunktion är att den inte skapar sin egen executionssammanhang (bindning till detta), vilket ofta är en källa till fel i JavaScript. I pilfunktioner ärvs detta från det omgivande sammanhanget. En annan fördel är syntaxens korthet, särskilt användbar när funktioner används som argument till andra funktioner, t.ex. i högre ordningsfunktioner.

Å andra sidan, på grund av bristen på sitt eget detta, är pilfunktioner inte lämpliga för att definiera konstruktor (kreativa) objekt eller för att skapa metoder i prototypobjekt.

Answer 4

Promise-objektet i JavaScript används för att hantera asynkrona operationer. En Promise representerar ett värde som kanske inte är tillgängligt när Promise skapas, men kan vara tillgängligt i framtiden, eller aldrig alls.

Ett Promise-objekt kan vara i ett av tre tillstånd:
1. Pågående - operationen pågår fortfarande, inte klar antingen framgångsrikt eller med fel.
2. Uppfylld - operationen slutfördes framgångsrikt, Promise returnerade ett värde.
3. Rejected - operationen slutfördes med ett fel, Promise returnerade orsaken till felet.

Ett Promise som har uppfyllts eller avvisats anses vara "avgjord" och dess tillstånd ändras aldrig.

Skapa ett Promise-objekt:

const promise = new Promise((resolve, reject) => {
  const success = true;
  if (success) {
    resolve('Operationen är framgångsrik.');
  } else {
    reject('Operationen misslyckades.');
  }
});

Användning av ett Promise-objekt:

promise
  .then(result => {
    console.log(result); // Kommer att skriva ut: 'Operationen är framgångsrik.'
  })
  .catch(error => {
    console.log(error);
  });

Metoden .then() utförs när Promise är uppfylld, och .catch() när den avvisas. I båda fallen skickas resultatet av operationen eller orsaken till avvisning av Promisen som argument.

JavaScript Flashcards

Exempel på JavaScript Flashcards från vår app

Vad är lexikal omfattning i JavaScript?

Vad är hoisting?

Vad är en pilfunktion och vilka är dess fördelar?

Vad är ett Promise-objekt och hur kan det användas?

Ladda ner IT Flashcards Nu