[JavaScript] 함수

💡 함수

: 참조 타입 중 하나로 function 타입에 속함. 일급 객체에 해당.

 

- 일급 객체

• 변수에 할당 가능
• 함수의 매게 변수로 전달 가능
• 함수의 반환 값으로 사용 가능

📌 함수 선언식

: 함수의 이름과 함께 정의하는 방식. 3가지 부분으로 구성 (함수의 이름, 매개변수, 몸통)

: 호이스팅 가능

function add(numOne, numTwo) {
  return numOne + numTwo
}
  
const result = add(1, 2)
console.log(result)
// 3

 

📌 함수 표현식

: 함수를 표현식 내에서 정의하는 방식. 3가지 부분으로 구성 (함수의 이름(생략 가능), 매개변수, 몸통)

: 호이스팅 불가

const add = function(numOne, numTwo) {
  return numOne + numeTwo
}

const result = add(1, 2)
console.log(result)
// 3

 

📌 화살표 함수

: 함수를 비교적 간결하게 정의할 수 있는 문법

• function 키워드 생략 가능
• 함수의 매개변수가 하나 뿐이라면, '( )'도 생략 가능
• 함수 몸통이 표현식 하나라면 '{ }'와 return도 생략 가능

const arrow = function (name) {
  return `hello! ${name}`
  
// 위 함수를 단순하게 바꾼 표현식
const arrow = name => `hello! ${name}`