1. Arrow Function, 함수 블록 사용, 파라미터 사용

Arrow Function

const add = function(one, two){
	return one + two;
};
console.log(add(1, 2));

const total = (one, two) => {
	return one + two;
};
console.log(total(1, 2));

• Arrow[ˈærou] 의 사전적 의미
  • 화살, 화살표 ⇒
• 코드 형태
  • (param) ⇒ {함수 코드}
• function (){ }의 축약 형태이지만 고려할 사항도 있습니다
  • this 참조가 다릅니다.

함수 블록 사용

화살표 함수에서 함수 블록과 return 작성을 생략할 수도 있습니다.

⇒ 인자값이 1개일경우 괄호도 생략 가능합니다.

const total = (one, two) => one + two;
console.log(total(1, 2));//3

• 함수 블록{ }만 작성한 형태

const total = (one) => { };
console.log(total(1)); //undefined

• {key: value}를 반환하는 형태

  ⇒ {key: value}를 소괄호로 감싸면 {key: value}를 반환합니다. 만약 소괄호를 작성하지 않는다면 undefined를 반환합니다.

const point = (param) => ({book: param});
const result = point("책");
for( const key in result){
	console.log(key + ": "+result[key]);
};

[실행 결과]

book: 책

파라미터 사용

• 파라미터가 하나일 경우

const get = param => param + 20;
console.log(get(10)); //30

• 파라미터가 없으면 소괄호만 작성합니다.

const get = () => 10 + 20;
console.log(get());

2. 화살표 함수 구조, arguments 사용 불가

화살표 함수 구조

• 화살표 함수는 function을 ⇒로 표기하는 것만이 전부가 아닙니다. 화살표 함수는 일반 함수와 구조가 다릅니다.