JavaScript · JavaScript · 대학

JavaScript 기초: 함수와 DOM

JavaScript 함수 구문, 이벤트 처리, 기본적인 DOM 조작 메서드를 짧은 예제와 함께 설명합니다.

카드 42장 · 기본 카드 · AI가 작성하고 두 번 검수했어요. 자유롭게 편집하세요.

브라우저에서 바로 열려요. 계정 필요 없음. iPhone·iPad 앱 · Android 앱

JavaScript에서 기본 함수 선언문의 구문은 무엇인가요?

정답 보기

function functionName(parameters) { return value; }

함수 표현식은 어떻게 작성하나요?

정답 보기

const functionName = function(parameters) { return value; };

화살표 함수의 구문은 무엇인가요?

정답 보기

const functionName = (parameters) => { return value; };

함수에서 return 문은 어떤 역할을 하나요?

정답 보기

함수를 종료하고 호출한 곳으로 값을 돌려줍니다.

함수에서 매개변수의 기본값은 어떻게 설정하나요?

정답 보기

function greet(name = 'Guest') { return 'Hello ' + name; }

나머지 매개변수(...)를 쓰면 함수가 무엇을 할 수 있나요?

정답 보기

개수가 정해지지 않은 인수를 배열로 받을 수 있습니다.

JavaScript에서 함수 스코프란 무엇인가요?

정답 보기

함수 안에서 선언한 변수는 그 함수 안에서만 접근할 수 있습니다.

클로저(closure)란 무엇인가요?

정답 보기

바깥 함수가 이미 반환된 뒤에도 그 바깥 함수의 스코프에 있는 변수에 접근할 수 있는 함수입니다.

콜백 함수란 무엇인가요?

정답 보기

다른 함수에 인수로 전달되어 나중에 실행되는 함수입니다.

익명 함수란 무엇인가요?

정답 보기

이름이 없는 함수로, 콜백으로 쓰거나 변수에 저장하는 경우가 많습니다.

IIFE(즉시 실행 함수 표현식)란 무엇인가요?

정답 보기

(function() { code here })(); 정의되자마자 바로 실행되는 함수입니다.

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

정답 보기

함수 선언문은 코드가 실행되기 전에 해당 스코프의 맨 위로 옮겨지므로, 정의하기 전에도 호출할 수 있습니다.

bind() 메서드는 무엇을 하나요?

정답 보기

this 값이 고정되고 필요하면 인수도 미리 채워진 새 함수를 만듭니다.

call() 메서드는 무엇을 하나요?

정답 보기

지정한 this 값과 개별로 나열한 인수로 함수를 호출합니다.

apply() 메서드는 무엇을 하나요?

정답 보기

지정한 this 값과 배열로 전달한 인수로 함수를 호출합니다.

앱에 카드 27장 더