주니어 개발자 성장기

(22.10.10) ES6 - 화살표 함수(Arrow Function) 본문

JavaScript

(22.10.10) ES6 - 화살표 함수(Arrow Function)

Junpyo Lee 2022. 10. 10. 16:33

화살표 함수

  • 함수를 정의할 때 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));