프로그래밍 에서의 함수란, 특정한 기능을 수행하기위해 만들어진 코드의 집합이다. 입력(매개변수)과 출력(Return)의 특징이 있다.

자바스크립트의 함수는 총 2가지 방법으로 선언할 수 있다.

1. 함수 선언식 (function 키워드)

• function 키워드 옆에 함수명과 괄호()를 작성하고, 괄호 안에는 해당 함수를 호출할때 전달할 수 있는 매개변수를 넣을 수 있다.
• return문을 사용해서 함수에서 반환할 값을 정의한다.

function printMyName(name) {
	console.log(`제 이름은 ${name} 입니다.`);
}

printMyName('홍길동'); // 제 이름은 홍길동 입니다.

/* ------------------------------- */

function calculate(num1, num2) {
	return num1 + num2;
}

const result = calculate(10, 20);

console.log(result) // 30

/* ------------------------------- */

function getRandomNumber() {
	return Math.random();
}

const randomNumber = getRandomNumber();

console.log(randomNumber) // 0 ~ 1 사이의 랜덤 숫자 출력

2. 함수 표현식 (화살표 함수)

• 변수 선언 키워드(const, let, var)로 변수를 선언 하되, 화살표 함수를 나타내는 () ⇒ {} 형태로 작성해야한다. 괄호() 안에는 해당 함수를 호출할때 전달할 수 있는 매개변수를 넣을 수 있다.
  • 대부분의 상황에서는 const로 선언한다. (재할당할 일이 거의 없음)
• return문을 사용해서 함수에서 반환할 값을 정의한다.

const printMyName = (name) => {
	console.log(`제 이름은 ${name} 입니다.`);
}

printMyName('홍길동'); // 제 이름은 홍길동 입니다.

/* ------------------------------- */

const calculate = (num1, num2) => {
	return num1 + num2;
}

const result = calculate(10, 20);

console.log(result) // 30

/* ------------------------------- */

function getRandomNumber() {
	return Math.random();
}

const randomNumber = getRandomNumber();

console.log(randomNumber) // 0 ~ 1 사이의 랜덤 숫자 출력

3. 함수 선언식과 표현식의 차이점

• 호이스팅의 가능/불가능 여부
  • 호이스팅이 된다는 뜻은, 선언과 호출의 위치 관계가 필요없다.
  • 함수 선언식은 호이스팅 된다.
  • 함수 표현식은 호이스팅 되지 않는다.
• this 컨텍스트가 가리키는 대상
  • 함수 선언식의 this는 전역 객체(window, global)
  • 함수 표현식의 this는 undefined
• 일반적으로 어느 방식의 함수를 사용할지는 프로젝트의 코드 컨벤션으로 정해짐 (특수한 케이스가 아니라면)