[JavaScript] 화살표 함수

함수를 정의하는 방법에는 두가지가 있다.
일반함수와 화살표 함수가 있다.
일반 함수에는 함수 선언식과 함수 표현식이 있다.

함수 선언식

• 호이스팅이 가능하다. 함수 선언 전에 호출해도 값이 출력이 된다.

function sayHello() {
    console.log("안녕하세요");
}
sayHello();

함수 표현식

• 함수를 변수에 할당하는 방식이다.
• 함수명을 생략할 수 있다. 익명함수.
• 호이스팅이 불가능하다. 선언전에 호출이 불가능.
• 변수로 함수 호출이 가능하다.

hello();	// ReferenceError: Cannot access 'hello' before initialization

const hello = function() {
    console.log("안녕하세요");
}
hello();	// 변수로 함수 호출가능

화살표 함수

• ES6 버전부터 출시되었다.
• 화살표를 사용하여 기존의 함수표현식을 간결하게 작성할 수 있다.
• function을 생략할 수 있다.
• 항상 익명함수이다. 변수에 함수를 할당하여 변수명으로 함수를 호출한다.
• 코드가 한줄이면 중괄호{}를 생략할 수 있다.
• 매개변수가 하나이면 괄호()를 생략할 수 있다. 매개변수가 없거나 두개 이상일때에는 생략할 수 없다.
• 객체를 return 할때에는 {}를 생략할 수 없다.

const hello = () => {
    console.log("안녕하세요");
}
hello();