주니어 개발자 성장기
(22.10.10) ES6 - 화살표 함수(Arrow Function) 본문
화살표 함수
- 함수를 정의할 때 function 이라는 키워드를 사용하지 않고 => 로 대체
- 흔히 사용하는 콜백함수의 문법을 간결화
// ES5 함수 정의 방식
var sum = function(a, b) {
return a + b;
};
// ES6 함수 정의 방식
var sum = (a, b) => {
return a + b;
};
사용 예시
// ES5
var arr = ["a", "b", "c"];
arr.forEach(function(value) {
console.log(value); // a , b , c
});
// ES6
var arr = ["a", "b", "c"];
arr.forEach(value => console.log(value));
'JavaScript' 카테고리의 다른 글
| (22.10.26)var vm = this; 를 쓰는 이유 (0) | 2022.10.26 |
|---|---|
| (22.10.11) ES6 - 모듈(Modules) (1) | 2022.10.11 |
| (22.10.10) ES6 - 향상된 객체 리터럴, 속성 메서드의 축약 (0) | 2022.10.10 |
| (22.10.10) ES6 - const & let (1) | 2022.10.10 |
| (22.09.04) 자바스크립트 비동기 처리 관한 레퍼런스 (0) | 2022.09.04 |