우리 앱의 샘플 JavaScript 플래시카드

App Store 또는 Google Play에서 저희 앱을 다운로드하여 더 많은 무료 플래시카드를 받거나, 모든 플래시카드에 액세스하려면 구독하세요.

JavaScript

자바스크립트에서 렉시컬 스코프란 무엇인가요?

JavaScript에서의 어휘적 범위(Lexical scope)는 변수의 가시성 범위가 코드 내의 위치에 의해 결정되는 원칙입니다. 이는 변수가 정의된 블록 내에서, 그리고 모든 중첩된 블록에서 액세스할 수 있음을 의미합니다. 이를 통해 클로저(기능 블록 내부에 있는 변수가 외부로부터 보호받는 것)및 변수 접근 제어가 가능해집니다. JavaScript 코드에서 어휘적 범위를 사용한 예시는 다음과 같습니다:

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

  function innerFunction() {
    console.log(outerVariable); // 'outerVariable'에 접근할 수 있습니다.
  }

  innerFunction();
}
outerFunction(); // `I'm outside!`를 출력합니다.

어휘적 범위는 내부 함수가 외부 함수에서 정의된 변수에 액세스할 수 있게 하며, 이는 외부 함수가 완료된 후에도 마찬가지입니다. 이는 JavaScript에서 클로저를 생성하는 데 있어 핵심 요소로, 애플리케이션에서 더 유연한 상태 관리를 가능하게 합니다.

JavaScript

호이스팅이란 무엇인가요?

Hoisting은 JavaScript 언어에서 변수와 함수를 코드가 실행되기 전에 범위 상단으로 이동시키는 메커니즘입니다. 실제로 이는 함수나 변수를 실제 선언되기 전에 사용할 수 있음을 의미합니다.

하지만 hoisting은 변수와 함수에 대해 약간 다르게 작동한다는 점을 명심해야 합니다.

var 키워드로 선언된 변수의 경우, 선언만 올려집니다, 초기화는 아닙니다. 선언 전에 초기화된 변수는 undefined로 반환됩니다.

변수에 대한 호이스팅 코드 예시:

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

함수의 경우, 호이스팅은 함수의 선언과 정의를 모두 상단으로 이동시켜 함수가 선언되기 전에 함수를 사용할 수 있게 합니다.

함수에 대한 호이스팅 코드 예시:

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

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

Hoisting은 let와 const로 선언된 변수에는 발생하지 않습니다.

JavaScript

화살표 함수란 무엇이며 장점은 무엇인가요?

화살표 함수, 또는 화살표 함수는 ECMAScript 6 (ES6)에서 도입된 함수의 한 종류입니다. 화살표( => )를 사용하는 특별한 문법 때문에 화살표 함수라고 불립니다.

비교를 위해, 전통적인 함수는 다음과 같이 보일 수 있습니다:

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

화살표 함수로 변경하면 다음과 같습니다:

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

화살표 함수의 주요한 장점은 자체 실행 컨텍스트( this에 바인딩)를 만들지 않는 것이며, 이는 자바스크립트에서 오류의 주 원인 중 하나입니다. 화살표 함수에서는 this가 surrounding context에서 상속됩니다. 또 다른 장점은 문법의 간결성으로, 함수를 다른 함수의 인자로 사용할 때 특히 유용하며, 예를 들어 고차 함수에서 그렇습니다.

다른 한편으로, 자체 this가 없기 때문에, 화살표 함수는 생성자(창조적) 객체를 정의하거나 프로토타입 객체에서 메서드를 생성하는 데 적합하지 않습니다.

JavaScript

Promise 객체란 무엇이며 어떻게 사용할 수 있나요?

JavaScript에서 Promise 객체는 비동기 작업을 처리하는 데 사용됩니다. Promise는 Promise가 생성될 때는 사용할 수 없을 수 있지만 미래에 사용할 수 있거나 전혀 사용할 수 없는 값을 나타냅니다.

Promise 객체는 세 가지 상태 중 하나에 있을 수 있습니다:
1. Pending - 작업이 아직 진행 중이며, 성공적으로 완료되지 않았거나 오류가 발생하지 않았습니다.
2. Fulfilled - 작업이 성공적으로 완료되었으며, Promise는 값을 반환했습니다.
3. Rejected - 작업이 오류와 함께 완료되었으며, Promise는 오류의 이유를 반환했습니다.

이행되거나 거부된 Promise는 "정착된" 것으로 간주되고 그 상태는 절대 변하지 않습니다.

Promise 객체 생성:

const promise = new Promise((resolve, reject) => {
  const success = true;
  if (success) {
    resolve('Operation successful.');
  } else {
    reject('Operation failed.');
  }
});

Promise 객체 사용:

promise
  .then(result => {
    console.log(result); // Will print: 'Operation successful.'
  })
  .catch(error => {
    console.log(error);
  });

.then() 메서드는 Promise가 이행될 때 실행되며, .catch()는 그것이 거부될 때 실행됩니다. 두 경우 모두 작업의 결과 또는 Promise 거부의 이유가 인수로 전달됩니다.

다운로드 IT Flashcards 지금

최고의 플래시카드 앱으로 IT 학습 여정을 강화하세요. 프로그래밍 기초부터 고급 기술 마스터리까지, IT 플래시카드는 IT에서의 우수성을 향한 여권입니다. 지금 다운로드하여 오늘의 경쟁력 있는 기술 세계에서의 잠재력을 발견하세요.

에서 받기

PLAY STORE

다음에서 다운로드

APP STORE