함수 표현식
보통 자바스크립트에서는 아래와 같은 방법으로 함수를 표현합니다.
첫번째 방법처럼 그냥 함수를 선언하기도하고, 변수에 담아 함수를 표현하기도 합니다.
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
'지금, 개발하기 > Javascript' 카테고리의 다른 글
javascript] 구조분해할당(destructuring)이란? (0) | 2022.04.27 |
---|---|
Javascript] 객체의 key(프로퍼티 이름), value(프로퍼티 값) 출력하기 (1) | 2022.01.12 |
Javascript] array(배열) vs objec(객체) (0) | 2021.10.07 |
javascript] 객체 반복문, for문으로 객체에서 key value 꺼내기 (1) | 2021.10.06 |
Javascript] JSON과 JavaScript object 차이점 (0) | 2021.09.29 |