JS에서 함수(Function)이란?

함수(Function)

- JavaScript에서 함수(Function)는 코드의 작은 조각을 의미

- 이 코드 조각은 특정 작업을 수행하도록 설계되었으며, 필요할 때마다 호출해서 사용이 가능

- 함수는 코드의 재사용성을 높이고, 코드를 더욱 체계적으로 구성할 수 있게 해주는 중요한 요소

 

함수를 생성하는 방법 3가지

1. 함수 선언식(Function Declaration) : 가장 기본적인 함수 생성 방식

function 함수이름(매개변수) {
  // 코드
}

 

 

2. 함수 표현식(Function Expression) : 함수를 변수에 할당하는 방식

var 함수이름 = function(매개변수) {
  // 코드
}

 

3. 화살표 함수(Arrow Function) : ES6에서 도입된 새로운 함수 정의 방식으로 간결한 문법을 사용

const 함수이름 = (매개변수) => {
  // 코드
}

 

 

=> 함수는 매개변수(parameter)를 통해 데이터를 받아들이고, return 키워드를 사용해 결과값을 반환할 수 있습니다. 만약 return 문이 없다면, 함수는 undefined를 반환

 

 

 

 

* 매개변수 (parameter)

- 함수가 작업을 수행하는 데 필요한 데이터를 전달받는 수단.

- 함수를 정의할 때, 괄호 안에 위치하며, 이 매개변수를 통해 함수는 외부에서 값을 받아올 수 있음

- 사용하는 이유는 함수의 유연성과 재사용성을 높이며, 데이터 전달 가능

function add(a, b) { // 'a'와 'b'가 매개변수
  return a + b;
}

 

=> 매개변수는 함수가 다양한 상황에서 동작하도록 만들고, 코드의 중복을 줄이며, 전체적인 코드의 효율성을 향상시키는 데 필요한 도구

 

 

* 인수(argument)

- 함수를 호출할 때 전달하는 실제 값

- 함수 내부의 매개변수에 복사되어 함수의 작업을 수행하는 데 사용

 

add(1, 2);  // '1'과 '2'가 인수

// 결과값은 3

 

 

* return

- JavaScript의 키워드 중 하나

- 함수가 작업을 수행한 후 결과를 반환하는 데 사용

- 함수의 실행을 종료하고, 선택적으로 값을 호출자에게 반환

- return 문이 없는 함수는 undefined를 반환

 

function addThenPrint(a, b) {
  var sum = a + b;
  return sum;
  console.log(sum);  // 이 코드는 실행되지 않습니다.
}

 

-> return sum; 이후의 console.log(sum);는 실행불가. 왜냐하면 return 문을 만나는 순간 함수의 실행이 종료되고 호출한 곳으로 돌아가기 때문이다.

 

 

* undefined

- JavaScript에서 undefined는 특별한 데이터 타입

- undefined는 변수가 선언되었지만 아직 어떠한 값도 할당되지 않았을 때의 기본값

 

let a;
console.log(a);  // undefined

 

=> '값이 정의되지 않았음'을 나타내는 특별한 값