JavaScript 기본 문법 - 함수

함수 정의하기

 

함수 선언문(function declaration)

function add(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5

위의 예제에서는 function 키워드를 사용하여 add라는 함수를 선언하였습니다.
함수 선언문을 사용하면 함수를 미리 정의해두고, 필요할 때 호출할 수 있습니다.

 

함수 표현식(function expression)

let add = function(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5

위의 예제에서는 function 키워드를 사용하여 add라는 변수에 함수를 할당하였습니다.
함수 표현식을 사용하면 함수를 변수에 할당하여 익명 함수를 생성할 수 있습니다.

 

 

함수 호출하기

 

 

함수 호출하기

function add(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5

위의 예제에서는 add라는 함수를 호출하여 결과값을 반환합니다.
함수를 호출할 때는 함수 이름 뒤에 괄호를 사용합니다.

 

 

함수 매개변수와 반환값

 

 

함수 매개변수

function add(x, y) {
  return x + y;
}

console.log(add(2, 3));   // 5

위의 예제에서는 add라는 함수가 x와 y라는 두 개의 매개변수를 받아들입니다.
함수를 호출할 때는 매개변수에 값을 전달합니다.

 

함수 반환값

function add(x, y) {
  return x + y;
}

let result = add(2, 3);
console.log(result);   // 5

위의 예제에서는 add라는 함수가 x와 y라는 두 개의 매개변수를 받아들이고, 이를 더한 값을 반환합니다.
함수를 호출한 결과값을 변수에 할당하여 사용할 수 있습니다.

 

 

함수 스코프

 

 

전역 스코프(global scope)

let x = 10;

function printX() {
  console.log(x);
}

printX();   // 10

위의 예제에서는 전역 스코프에서 변수 x를 선언하고, 함수 printX에서 변수 x를 참조합니다.
전역 스코프에서 선언된 변수는 어디에서든지 참조할 수 있습니다.

 

지역 스코프(local scope)

function printX() {
  let x = 10;
  console.log(x);
}

printX();   // 10

위의 예제에서는 지역 스코프에서 변수 x를 선언하고, 함수 printX에서 변수 x를 참조합니다.
지역 스코프에서 선언된 변수는 해당 함수 내에서만 참조할 수 있습니다.

 

블록 스코프(block scope)

if (true) {
  let x = 10;
  console.log(x);
}

console.log(x);   // ReferenceError: x is not defined

위의 예제에서는 if문 내에서 변수 x를 선언하고, 이를 출력합니다.
if문 내에서 선언된 변수는 해당 블록 내에서만 참조할 수 있습니다.

 

 

화살표 함수

 

 

기본적인 화살표 함수

let add = (x, y) => {
  return x + y;
}

console.log(add(2, 3));   // 5

위의 예제에서는 화살표 함수를 사용하여 add라는 함수를 선언하였습니다.
화살표 함수를 사용하면 함수의 선언이 간결해집니다.

 

한 줄로 된 화살표 함수

let add = (x, y) => x + y;

console.log(add(2, 3));   // 5

위의 예제에서는 한 줄로 된 화살표 함수를 사용하여 add라는 함수를 선언하였습니다.
함수 내부에 return문이 한 줄로 작성될 경우, 중괄호와 return 키워드를 생략할 수 있습니다.

 

매개변수가 하나인 화살표 함수

let square = x => x * x;

console.log(square(3));   // 9

위의 예제에서는 매개변수가 하나인 화살표 함수를 사용하여 square라는 함수를 선언하였습니다.
매개변수가 하나일 경우에는 괄호를 생략할 수 있습니다.