Javascript

[JS] 4. JavaScript 함수 (Function) 정복하기!!

개발자 뭄뭄 2022. 11. 7. 23:40
반응형

1. 함수의 정의

1. 함수 선언식 (Function declaration)

function func(a,b){
	return a -b
}
func(7,2) // 5

⇒ 변수의 var처럼 호이스팅이 발생한다.

즉, 함수 호출 이후에 선언해도 동작한다.

  • 익명함수 불가능

2. 함수 표현식 (Function expression)

const func = function (a, b) {
return a - b
}
func(1,2) // -1
const func = function named_func(a, b) {
return a - b
}
func(1,2) // -1
named_func(1,2) // Error
  • 익명함수 가능, 호이스팅 없음
  • Airbnb Style Guide 권장 방식

3. 화살표 함수 (Arrow Function)

  • function 키워드 생략 가능
  • 매개변수가 하나 라면 () 생략가능
  • 내용이 한 줄 이라면 {}, return 생략 가능
let noArgs = () => 'No args'
noArgs = _ => 'No args'

let returnObject = () => {return {key: 'value'}}
returnObject = () => ({key:'value'})

4. 즉시 실행 함수(IIFE)

  • 함수를 괄호로 묶고, 선언 끝에 ()를 추가하여 선언되자마자 실행할 수 있다.
  • () 안에 값을 넣어 인자로 넘겨줄 수 있다.
  • 일회성 함수이다

Uploaded by N2T

반응형