JavaScript arrow function expression

1.function과 매개변수 부분 위치를 바꾼다.

2.function 을 => 로 바꾼다.

3.매개변수가 하나만 있으면 괄호를 생략할 수 있다.

4.한 줄의 코드이면 return 및 함수를 감싼 중괄호를 생략할 수 있다.

const greeting = function(name){
	return "hello " + name;
};
// 1.function과 매개변수 부분 위치를 바꾼다.
// 2.function 을 => 로 바꾼다.
const greeting = (name) => {
	return `hello ${name}`;
};
// 3.매개변수가 하나만 있으면 괄호를 생략할 수 있다.
const greeting = name => {
	return `hello ${name}`;
};
// 4.한 줄의 코드이면 return 및 함수를 감싼 중괄호를 생략할 수 있다.
const greeting = name => `hello ${name}`;

5.매개변수가 없으면 ()는 꼭 써야한다.

const greeting = function() {
	return "hello";
};
// 5.매개변수가 없으면 ()는 꼭 써야한다.
const greeting = () => {
	return "hello";
};
// 4.한 줄의 코드이면 return 및 함수를 감싼 중괄호를 생략할 수 있다.
const greeting = () => "hello";

 

참고) https://www.hanbit.co.kr/store/books/look.php?p_code=B7677466304

모던 자바스크립트 핵심 가이드