Javascript ES6 - 함수(function) 정리 4 / 화살표 표기법

12. 화살표 표기법

자바스크립트 ES6에는 화살표 표기법이 도입 되었습니다. 화살표 표기법은 function이라는 단어와 중괄호를 줄이려고 고안된 단축 문법이라고 합니다.

화살표 함수에는 세 가지 단축 문법이 있습니다.

1. function을 생략

2. 함수에 매개변수가 단 하나 뿐이라면 ()도 생략할 수 있음.

3. 함수 바디가 표현식 하나라면 중괄호와 return도 생략할 수 있음.

화살표 함수는 또한 항상 익명이기 때문에 변수에 할당 할 수 있지만 이름이 있는 함수를 만들 수 없습니다.

const f1 = function() { return "hello"};

const f2 = ()=> "hello"; //function 생략

const f3 = function(name) { return `hello ${name}`}; 

const f4 = name => `hello ${name}`; //return 생략, function, () ,{ } 생략

const f5 = function(a,b) { return a+b};

const f6 = (a,b) => a+b; // function 생략 , return생략,, () ,{ } 생략

f1와 f2는 서로 같은 함수 이며 f3와 f4는 같은 함수입니다.

화살표 함수는 일반적인 함수 와 다르게 객체 생성자로 사용할 수 없고 arguments 변수도 사용할 수 없습니다.