[ES6] Arrow Function 화살표 함수 - 1

function 대신 => 를 사용하여 간략화 한 ES6 문법이다.

 

1. parameter, 함수정의 부분 문법

//parameter 정의
   () => { ... }		//매개변수 없는 경우
    x => { x.. }		//매개변수 한개인 경우, 소괄호 생략
(x,y) => { ... }		//매개변수 여러개인 경우, 소괄호 생략 불가능


//함수 정의
x => { return x * x }
x => x * x				//한줄의 구문인 경우, 중괄호와 return 생략될 수 있음

 

2. 함수 호출

화살표 함수는 익명함수, 콜백함수로 사용가능

//ES6

//익명 함수
const pow = x => x * x;
console.log(pow(10));

//콜백 함수
const arr = [1, 2, 3];
const pow = arr.map(x => x * x);
console.log(pow);

 

[ES6] Arrow Function 화살표 함수 - 2 에서 좀 더 자세한 내용을 정리하겠다.

- 화살표 함수를 사용하면 안되는 경우

- this의 사용

 

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