프론트엔드 개발 인터뷰의 중요 주제

마스터할 주제

프론트엔드 인터뷰를 깨고 싶다면 숙달해야 할 JavaScript의 몇 가지 주제가 있습니다.

범위 지정

호이스팅

폐쇄

콜백

약속

비동기 및 대기

범위 지정이란 무엇입니까?

JavaScript의 범위 지정은 변수, 개체 및 함수의 액세스 가능성을 결정합니다.
JavaScript에는 세 가지 유형의 범위가 있습니다.
ㅏ. 블록 범위
비. 기능 범위
씨. 글로벌 범위



let 및 const로 선언된 변수에는 블록 범위가 있지만 var로 선언된 변수에는 블록 범위가 없습니다.

함수 범위는 함수 내에서 변수를 결정한 다음 액세스할 수 없는 경우입니다.

호이스팅이란?

자바스크립트에서 호이스팅은 함수나 변수를 선언 전에 사용할 수 있는 동작입니다.


변수 측면에서 var는 호이스팅되고 let과 const는 호이스팅을 허용하지 않습니다.
다음 코드는 오류를 발생시킵니다.

폐쇄란 무엇입니까?

클로저는 외부 함수가 반환된 후에도 내부 함수가 항상 외부 함수에 액세스할 수 있음을 의미합니다.

const hello = () => {
    let greet = "hello & welcome";
    const welcome = () => console.log(greet);
    return welcome;
}

const fun = hello();
fun();

// hello & welcome

콜백이란 무엇입니까?

콜백은 작업 완료 후 실행될 다른 함수에 매개 변수로 전달되는 함수입니다.

setTimeout(() => {
    console.log("hello, inside boy");
}, 2000);

console.log("hello outside boy");

// hello outside boy
// hello, inside boy

약속이란 무엇입니까?

JS 약속은 실제 약속과 유사합니다.

JS 약속에는 세 가지 상태가 있습니다.

대기 중

해결됨

거부됨

비동기 및 대기 란 무엇입니까?

중지하고 문제가 해결될 때까지 기다리십시오. 함수와 함께 async 키워드를 사용하여 함수가 비동기 함수임을 나타냅니다.

비동기 함수는 약속을 반환합니다.

const fetchAPI = async () => {
    const res = await fetch('https://api.quotable.io/random');
    console.log(res);
}

fetchAPI();