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

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

함수 표현식

보통 자바스크립트에서는 아래와 같은 방법으로 함수를 표현합니다.

첫번째 방법처럼 그냥 함수를 선언하기도하고, 변수에 담아 함수를 표현하기도 합니다.

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

from http://jigeumblog.tistory.com/64 by ccl(S) rewrite - 2021-10-13 06:02:04