5에 대한 인기 JavaScript 면접 질문

JavaScript는 웹 개발에서 기본적인 역할을 하며 프런트엔드 개발자와 풀스택 개발자 모두에게 필수적인 기술입니다. 숙련된 전문가이든 첫 인터뷰를 준비 중이든 관계없이 주요 JavaScript 개념을 익히는 것이 중요합니다. 다음 인터뷰에서 탁월한 성과를 거두는 데 도움이 될 상위 20가지 JavaScript 인터뷰 질문을 엄선하여 소개합니다.

---

1. JavaScript란 무엇이며 Java와 어떻게 다른가요?

JavaScript는 주로 웹 개발에 사용되는 경량의 해석형 프로그래밍 언어입니다. 객체 지향적이지만 구문, 목적, 실행 환경이 Java와 다릅니다. JavaScript는 동적으로 입력되어 브라우저에서 실행되는 반면, Java는 정적으로 입력되어 JVM이 필요합니다.

---

2. JavaScript에는 어떤 데이터 유형이 있나요?

JavaScript에는 7가지 기본 데이터 유형이 있습니다.

• 문자열
• 숫자
• 부울
• 정의되지 않음
• 무효
• 빅인트
• 기호

또한 기본이 아닌 데이터 유형에는 객체, 배열 및 함수가 포함됩니다.

---

3. JavaScript의 "호이스팅"에 대해 설명하세요.

호이스팅은 선언을 범위의 맨 위로 이동하는 JavaScript의 기본 동작입니다. 예:

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

이 예에서 var a는 호이스팅되었지만 초기화되지는 않았습니다.

---

4. var, let, const의 차이점은 무엇인가요?

• var: 함수 범위이며 다시 선언될 수 있으며 호이스팅으로 인해 버그가 발생할 수 있습니다.
• let: 블록 범위이며 재선언을 허용하지 않습니다.
• const: 블록 범위이며 상수에 사용됩니다. 재할당할 수 없습니다.

---

5. JavaScript의 클로저란 무엇입니까?

클로저는 범위가 종료된 후에도 외부 범위를 기억하는 함수입니다.

function outer() {
  let count = 0;
  return function inner() {
    count++;
    return count;
  };
}
const increment = outer();
console.log(increment()); // 1
console.log(increment()); // 2

---

6. ==와 ===의 차이점은 무엇인가요?

• ==: 유형 강제 변환 후 값을 비교합니다.
• ===: 값과 유형을 모두 비교합니다.

예:

5 == "5";  // true
5 === "5"; // false

---

7. JavaScript Promise란 무엇입니까?

프라미스는 비동기 작업을 나타냅니다. 다음 세 가지 상태 중 하나일 수 있습니다.

• 보류 중
• 해결됨
• 거부됨

예:

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

---

8. async/await의 개념을 설명해보세요.

async/await는 Promise 작업을 단순화하여 비동기 코드를 동기 코드처럼 보이게 만듭니다.

function outer() {
  let count = 0;
  return function inner() {
    count++;
    return count;
  };
}
const increment = outer();
console.log(increment()); // 1
console.log(increment()); // 2

---

9. JavaScript에서 이벤트 위임이란 무엇입니까?

이벤트 위임은 상위 요소를 사용하여 하위 요소에 대한 이벤트를 처리합니다. 이벤트 리스너를 줄여 성능을 향상시킵니다.

5 == "5";  // true
5 === "5"; // false

---

10. JavaScript 모듈이란 무엇입니까?

모듈을 사용하면 코드를 별도의 파일로 구성하여 재사용 및 유지 관리가 가능해집니다.

예:

• 내보내기:

const promise = new Promise((resolve, reject) => {
  resolve("Success");
});
promise.then(data => console.log(data));

• 가져오기:

async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  console.log(data);
}

---

11. call(), Apply(), Bind()의 차이점을 설명해보세요.

• call(): 지정된 this 값과 인수를 사용하여 함수를 호출합니다.
• apply(): call()과 유사하지만 인수를 배열로 사용합니다.
• bind(): 지정된 이 값을 사용하여 새 함수를 반환합니다.

---

12. 동기식 JavaScript와 비동기식 JavaScript의 차이점은 무엇입니까?

• 동기: 한 줄씩 실행합니다.
• 비동기: 비차단 작업을 실행하여 프로그램이 계속 실행되도록 합니다.

비동기의 예:

document.getElementById('parent').addEventListener('click', (e) => {
  if (e.target && e.target.tagName === 'BUTTON') {
    console.log('Button clicked!');
  }
});

출력:

세계(최초)

안녕하세요(두번째)

---

13. JavaScript에서 DOM이란 무엇인가요?

문서 개체 모델(DOM)은 웹 페이지를 나타내는 트리 구조입니다. JavaScript는 DOM과 상호 작용하여 요소를 동적으로 조작합니다.

---

14. JavaScript의 고차 함수란 무엇입니까?

고차 함수는 다른 함수를 인수로 사용하거나 결과로 반환합니다.

예:

export const greet = () => console.log("Hello");

JavaScript의 접기 기능

15. null과 정의되지 않음의 차이점은 무엇인가요?

• null: 값이 없음을 명시적으로 나타냅니다.
• 정의되지 않음: 초기화되지 않은 값을 나타냅니다.

---

16. 자바스크립트에서 메모이제이션이란 무엇인가요?

메모이제이션은 함수 결과를 캐시하는 최적화 기술입니다.

예:

import { greet } from './module.js';

---

17. JavaScript의 이벤트 루프란 무엇인가요?

이벤트 루프는 비동기 작업을 처리하여 비차단 실행을 보장합니다.

---

18. JavaScript 프로토타입이란 무엇입니까?

JavaScript의 모든 객체에는 프로토타입이 있습니다. 인스턴스 간에 공유되는 메서드와 속성은 프로토타입에 정의됩니다.

---

19. for...of와 for...in 루프의 차이점은 무엇인가요?

• for...of: 배열과 같은 반복 가능한 객체를 반복합니다.
• for...in: 객체의 열거 가능한 속성을 반복합니다.

---

20. JavaScript는 오류를 어떻게 처리하나요?

오류는 try...catch를 사용하여 처리됩니다.

예:

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

---

이러한 질문은 JavaScript 인터뷰에 성공하기 위한 강력한 기반을 제공합니다. 코딩 예제를 연습하고 기본 개념을 이해하여 자신의 기술을 자신있게 입증하세요. 더 많은 웹 개발 팁을 보려면 Makemychance를 방문하세요.

위 내용은 5에 대한 인기 JavaScript 면접 질문의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!