[JavaScript] 화살표 함수 문법

 

블록 스코프 선언 : let / const (var)

 

위의 이전글을 포스팅 하면서 알게 된 화살표 함수의 사용 시점.. 이랄까

ES6부터 사용할 수 있게 된 화살표 함수!

여러 방법이 있겠구나 하고 자연스럽게 편한 방법으로 선택해서 썼는데

우연히 알게 된 이상 개념 정리의 포스팅을 진행해보려고 한다.

---

화살표 함수를 사용하는 이유

 

여러가지 기능을 하는 코드를 한 묶음으로 묶어 재사용에 용이하게 하고, 입 출력 기능에 사용하려고 funtion 문법을 사용하는데,

화살표 함수를 썼을 때 더 간결하고 명확하게 사용할 수 있다.

소괄호 또는 중괄호를 생략하여 사용하거나, 내부에서의 this값을 밖에 있던 this값을 그대로 사용한다는 장점을 가지고 있다.

---

화살표 함수 사용법

 

1) Javascript의 일반 함수 선언식

function add(a, b) {
	return a + b;
}

add(1, 2) //3

 

2) Javascript의 일반 함수 표현식

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

add(1, 2) //3

 

3) Javascript의 화살표 함수

const add = (a, b) => {
	return a + b;
};

add(1, 2) //3

---

화살표 함수의 특징

 

1. 하나의 매개변수인 경우 소괄호를 생략 가능

//기존
const func = (param) => {...}

//생략
const func = param => {...}

 

2. 함수 내부가 단일 표현식(single expression)인 경우 return 키워드를 생략 가능

//기존
const add = (a, b) => { return a + b; };

//생략(return 키워드를 생략할 경우, 중괄호 {} 도 생략해야 함.)
const add = (a, b) => a + b;

 

3. 중복된 매개변수 이름 선언시 에러

const multiply = (x, y, x) => {
    return x * y;
}; //error

 

4. this 를 사용할 수 없음

5. arguments  객체를 가지지 않음