[Javascript] 함수 표현식

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

[함수 표현식]

1. 익명함수

이름이 없는 함수

function(a,b){
   return a+b;
}

이름이 없는데 어떻게 실행해야할까?

var sum = function(a,b){
   return a+b;
}

변수에 할당한다.

2. 즉시 실행 함수

한 번만 실행하는 함수라면 함수를 정의하면서 동시에 실행할 수 있다.

//기본형1
(function(){
   명령
});

//기본형2
(function(매개변수){
   명령
}(인수));

함수를 식 형태로 선언하므로 마지막에 세미콜론을 붙여주어야 한다.

(function(){
   var userName = prompt("이름을 입력하세요.");
   document.write("안녕하세요? <span>" + userName + "</span>님!");
});

(function(a,b){
   sum = a+b;
}(100, 200));

3. 화살표 함수

=>표기법을 사용해 함수 선언을 좀 더 간단하게 작성할 수 있으며, 익명 함수에서만 사용 가능하다.

//기본형
(매개변수) => { 함수 내용 }


//매개변수가 없을 경우
const hi = function(){
   return "HI";
}
const hi = () => {return "HI"};
const hi = () => "HI";


//매개변수가 1개인 경우
let hi = function(user) {
   document.write(user+"님, 안녕하세요?");
}
let hi = user => { document.write(user+"님, 안녕하세요?"); }


//매개변수가 2개 이상인 경우
let sum = function(a,b){
   return a+b;
}
let sum = (a,b) => a+b;