본문 바로가기
지금, 개발하기/Javascript

Javascript] 함수 표현식, 화살표 함수표현식

by Seaco :) 2021. 10. 12.


함수 표현식

보통 자바스크립트에서는 아래와 같은 방법으로 함수를 표현합니다.
첫번째 방법처럼 그냥 함수를 선언하기도하고, 변수에 담아 함수를 표현하기도 합니다.

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

 


화살표 함수 표현식

그런데 함수표현식이 좀 길지 않나요?
자바스크립트의 최근 문법 ES^에서는 함수표현식을 축약해서 쓸 수도 있는데요 이런걸 '화살표 함수'라고 합니다. 
화살표 함수 표현식은 함수 표현식을 줄여서 만든 표현입니다.
인자를 괄호 안에 넣고 화살표가 함수의 몸체를 가르키게 써주면 됩니다. 

let sum = (a, b) => {
return a + b;
}



예시를 통해 화살표 함수를 만들어 보겠습니다. 

// 곱하기
const multiplication = x => x * x;
console.log(multiplication(2)) 		// 4

// 나누기
const division = (a, b) => a / b;
console.log(division(2,4))		 	// 2