함수

1. 함수 정의하기

(1) 함수 선언문

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

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

// function add(매개변수)
함수 내부에서 실행할 로직//
function 키워드를 사용하여 add라는 함수를 선언했다라는 의미입니다.

(2) 함수 표현식

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

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

function 키워드를 사용하여 add라는 변수에 (x+y)라는 함수를 할당하였습니다. 함수 표현식을 사용하면 함수를 변수에 할당하여 익명 함수를 생성할 수 있습니다.

2. 함수 호출하기

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

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

함수를 호출한다.(= 사용한다)
add라는 함수를 호출하여 결과값을 반환합니다. 함수를 호출할 때는 함수 이름 뒤에 괄호를 사용합니다.

3. 함수 매개변수와 반환값

(1) 함수 매개변수

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

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

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

(2) 함수 반환값

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

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

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

4. 함수 스코프

(1) 전역 스코프

let x = 10;

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

printX();   // 10

전역 스코프(Global Scope)는 JavaScript에서 변수가 함수 외부에서 선언되어, 프로그램의 모든 범위에서 접근할 수 있는 스코프를 말합니다. 전역 스코프에 선언된 변수는 프로그램 내 어디에서나 접근 가능하고, 이것은 코드의 어디서든 참조할 수 있다는 의미입니다. 위의 예제에서는 전역 스코프에서 변수 x를 선언하고, 함수 printX에서 변수 x를 참조합니다. 전역 스코프에서 선언된 변수는 어디에서든지 참조할 수 있습니다.

(2) 지역 스코프

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

printX();   //

지역 스코프(Local Scope)는 JavaScript에서 변수가 특정 함수나 블록 내부에서만 유효한 범위를 의미합니다. 지역 스코프에 선언된 변수는 해당 스코프를 벗어나면 접근할 수 없으며, 함수나 블록이 끝나면 메모리에서 해제됩니다. 이러한 특성 덕분에 코드의 가독성, 유지 보수성, 메모리 효율성이 향상됩니다.

(3) 블록 스코프

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

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

블록 스코프(Block Scope)는 JavaScript에서 특정 코드 블록 {} 내에서만 유효한 변수의 범위를 의미합니다. 이 범위 내에서 선언된 변수는 블록이 종료되면 접근할 수 없게 됩니다. 블록 스코프는 let, const 키워드로 선언된 변수에 적용됩니다.if문 내에서 변수 x를 선언하고, 이를 출력합니다. if문 내에서 선언된 변수는 해당 블록 내에서만 참조할 수 있습니다.

5. 화살표 함수

(1) 기본적인 화살표 함수

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

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

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

(2) 한 줄로 된 화살표 함수

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

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

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

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

let square = x => x * x;

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

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