JavaScript - 함수표현식과 화살표함수 (7)

 

JavaScript - 함수표현식과 화살표함수 (7)

 

1. 함수표현식

 - 함수 표현식은 함수 선언과 다르게 함수의 이름을 생략하고 변수에 익명함수를 할당하는 방식이다.

// 1. 함수표현식
function funcA() {
  console.log("funcA");
}

let varA = funcA;
varA();

 

2. 익명함수

 - 이름이 없는 함수로 주로 함수 표현식에서 사용된다.

let varB = function(){
	console.log("funcB");
}

 

 

3. 화살표 함수 (Arrow Function)

 - 화살표 함수는 ES6에서 도입된 간결한 함수 표현식으로 일반 함수표현식보다 짥은 문법을 제공한다.

// 2. 화살표 함수
let varC = (value) => value + 1;

console.log(varC(10));

(value) => value + 1 : value를 매개변수로 받아 1을 더한 값을 반환하는 화살표 함수

let varC = (value) => value + 1 : 화살표 함수를 varC변수에 할당한다.

console.log(varC(10)) : varC함수를 호출해 결과를 출력한다.

 

let varD = (value) => {
  console.log(value);
  return value + 1;
};

console.log(varC(10));

(value) => { .. } : 여러 줄의 코드가 필요한 경우 중괄호 {} 를 사용해 블록 바디를 정의한다.

return value + 1 : value에 1을 더한 값을 반환한다.

console.log(varD(10)); : varD함수를 호출해 결과를 출력한다.