js 21. 함수 표현식

함수 표현식

 

화살표 함수

ES6버전부터 화살표함수를 통해 함수를 간단하게 작성할 수 있게 됐다.

익명 함수에서만 사용이 가능하다.

 

(매개변수) => { 함수 내용 }

 

cf) 매개변수 : parameter

 

1. 매개변수가 없을 경우

// 매개변수가 없는 익명함수
const sayHi = function(){
  return "hi";
} 

//매개변수가 없는 화살표 함수
const sayHi = () => { return "hi" };

//중괄호 내용이 한줄이라면 중괄호,return 생략 가능
const sayHi = () => "hi" ;

 

2. 매개변수가 1개인 경우

let sayHi = user => { document.write(user + "님, 안녕하세요!");}

 

3. 매개변수가 2개 이상인 경우

 

(매개변수) => { }

// 매개변수가 2개인 함수
let sum = function(a, b){
  return a * b;
}

// 매개변수가 2개인 화살표 함수
let sum = (a, b) => a * b;

 

 

익명 함수

이름이 없는 함수다.

let sum = function (i, j) { // 익명 함수 선언 및 변수 sum에 할당
  return i + j
}
document.write(sum(27,33)); // 익명 함수 실행

 

즉시 실행 함수

함수를 정의하면서 동시에 실행하는 함수다.

 

(function (매개변수) {

  실행할 내용

} (인수) );

(function() {
  let userName = propmt("이름을 입력해주세요.");
  document.write(userName);
}());