Modern Javascript Deep Dive Ch12

less than 1 minute read

Ch12: FUNCTION

modern javascript deep dive

12장. 함수

함수란?

일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다.

// 함수 정의
function add(x, y) {	// 함수 몸체
  return x + y;
}

// 함수 호출
add(2, 3);
  • 함수 이름: add
  • 매개변수: x, y
  • 반환값: x + y
  • 인수: 2, 3

함수를 사용하는 이유

중복을 제거하고 코드를 재사용할 수 있다.

  • 유지보수의 편의성을 높인다.

  • 실수를 줄여서 코드의 신뢰성을 높인다.
  • 적절한 함수의 이름을 통해 역할을 파악하여 코드의 가독성을 향상시킨다.

함수 리터럴

함수를 생성하는 값이다.

자바스크립트의 함수는 객체 타입의 값이다.

함수 리터럴은 function 키워드, 함수 이름, 매개 변수 목록, 함수 몸체로 구성된다.

함수는 객체이지만 일반 객체와 다르게 호출할 수 있다.

함수 정의

함수 호출

참조에 의한 전달과 외부 상태의 변경

다양한 함수의 형태

즉시 실행 함수

재귀 함수

중첩 함수

콜백 함수

순수 함수와 비순수 함수