ES6 arrows function

ES6란?

먼저 ES는 ECMAScript의 줄임말 이다. ECMAScript는 표준화된 스크립트 프로그래밍 언어를 말한다. ESMA 최초 표준이 정해지고 난 후 계속 여러 ES버전으로 발전해 왔고, ES6는 ECMAScript 2015라고도 알려져 있습니다.

ES6 arrows function

ES6여러 문법 중 arrows function은 함수를 축약하여 나타 낼 수 있게 해줍니다.

- 익명함수

//ES5
function() {}

//ES6
() => {}

- 기명함수

//ES5
function add() {}

//ES6
const add = () => {}

호출은 똑같이 add(); 하면 됩니다

- 인자 넣을 때

//ES5
function Num(x) {}

//ES6
const Num = (x) => {}

const Num = x => {}

ES6에서 인자가 1개 일 땐 ()생략 가능 합니다.

- return

//ES5
function Num(x) {
return x;
}

//ES6
const Num = x => {return x;}

const Num = x => x;

ES6에서 함수 안에서 return만 한다면 return키워드, {} 생략가능 합니다.

즉시실행 함수

//ES5
(function (x) {console.log(x)})();

//ES6
((x) => {console.log(x)})();