[ES6] 화살표 함수(Arrow Functions)

"ES6(ECMAScript 2015)"에서 추가된 문법은 뭐가 있을까?
"ES5(ECMAScript 2009)"와 차이점을 분석해봅시다!

ES6의 꽃 "화살표 함수(Arrow Function)"에 대해 소개하고자 합니다 : )

 

간단한 예제를 통해 살펴보시죠!!!

// ES6
const func1 = (x, y) => x * y; // return on self
const func2 = (x, y) => { return x * y }; // if exist {}, you have to declare 'return'!!!

위 예제와 같이 function 표현식(중괄호)에 비해 구문이 짧다는 점도 좋지만,

 

this, arguments, super, new.target을 바인징 하지 않는다는 특징도 가지고 있습니다.

 

또한, 화살표 함수는 항상 익명으로써 메소드 함수가 아닌 곳에 사용하는 것이 적합합니다.

 

그래서, 생성자로서 사용할 수 없습니다.

 

 

 

 

ES6 브라우저 지원 목록입니다. 항상 확인 후 사용하셔야 합니다!!!

Browser Support for ES6

 

 

 

[출처]

 https://www.w3schools.com/js/js_es6.asp

ECMAScript 6

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98

화살표 함수

https://hacks.mozilla.org/2015/06/es6-in-depth-arrow-functions/

ES6 In Depth: Arrow functions – Mozilla Hacks - the Web developer blog

https://poiemaweb.com/es6-arrow-function

Arrow function | PoiemaWeb