[inflearn] javascript: 함수 표현식과 함수 선언문, 콜백함수

eve·2023년 2월 7일
0

frontend

목록 보기
23/40

1. 함수 선언문

document.write(sum(10, 20));
function sum(x, y){
  return x+y;
}

함수가 선언되기 전에 document.write로 호출해도 사용 가능하다.
선언 이후에도 당연히 사용할 수 있다.
유의할 점은, 실무에서는 document.write보다 console.log를 주로 사용한다는 점이다.




2. 함수 표현식

let sumXY = function(x, y){
  return x+y;
};
let x = 10;
document.write(xumXY(10, 20));

반면, 함수 표현식은 순서가 중요하다.
함수를 호출해서 사용하는 것이 함수의 선언보다 앞서게 되면 오류가 발생한다.




3. 콜백함수

function sum(x, y ,c){
  c(x+y);
  return x+y;
}
function documentWrite(s){
  document.write(s);
}
sum(10, 20, documentWrite)

위에서 documentWrite라는 함수는 s라는 인자를 출력만 해주는 함수이다.
c에 할당된 값이 30(=x값 10 + y값 20)이므로, documentWrite라는 콜백함수의 결과는 30을 출력하게 된다.

profile
유저가 왜 그랬을까

0개의 댓글