[JS] 함수

함수

기명 함수

function hello(){
	console.log('Hello~');
}

 

익명 함수

let world=function(){
	console.log('World~');
}

- 호출 하기 위해 변수에 집어넣어 사용

 

화살표 함수

- 소괄호에 매게변수를 넣고, { } 안에 함수 작성 

+ 매게변수가 1개라면 소괄호를 생략 가능하고, return만 하는 함수라면 중괄호 생략 가능

// 매게변수 1개 & 중괄호 X
const doubleArrow = x => x*2
console.log('doubleArrow',doubleArrow(7,3))
// 매게변수 1개 & 중괄호 O
const doubleArrow2 = x => {
  return x*2
}
console.log('doubleArrow2',doubleArrow2(7,3))
// 매개변수 1개 & 중괄호 X
const doubleArrow3 = (x,y) => x*y*2
console.log('doubleArrow3',doubleArrow3(7,3))

 

즉시 함수 실행 

# 즉시 함수 이전 명령에 세미콜론 필요

const a=7;
(function(){
  console.log(a*2)
}());

 

호이스팅

; 함수 선언부가 유효범위 최상단으로 끌어올려지는 현상

double()
function double(){    
  console.log(a*2)
}

 

콜백

; 함수의 인수로 사용되는 함수

function timeout(callback){				// callback을 매게변수로 받음
  setTimeout(() => {
    console.log('Heropy!')
    callback()
  },3000)
}
timeout(() => {							// timeout()을 실행하는데, 인수는 console.log('Done!')
  console.log('Done!')
})