함수(Function) (2) - 화살표(Arrow) 함수

화살표 함수(Arrow Function)는 자바스크립트 도서나 기초를 알려주는 국내 사이트에서는 볼 수 없었다. 

하지만 Codecademy의 함수는 초반에는 국내에서도 익숙한 함수를 알려주다가, 중간부터는 화살표함수로 진행된다. 

초반에 이에 익숙해지지 않아 많이 힘들었지만, react.js에서도 화살표 함수를 쓰기 때문에 미리 알아두면 좋을 것 같아 글을 작성해 본다. 

 

(왼) 일반 함수 선언 / (오) 화살표 함수 선언

가장 큰 차이점은 function이 없어진 점과, 함수의 식별자(identifier)를 바로 변수의 이름으로 지정한다는 것이다. 

만약 별도의 매개변수가 없다면 공백으로 놔둬도 된다. 

const sayHello = ( ) => {
	return 'Hello World!';
}

sayHello(); // output: Hello World!