dev/vue3

ES6 - Arrow Function

dev_0hoon 2025. 1. 10. 10:44

Arrow Function - 화살표 함수

- 함수를 정의할 때 function 이라는 키워드를 사용하지 않고 => 대체

- 흔히 사용하는 콜백 함수의 문법을 간결화

// ES5 함수 정의 방식
var sum = function(a, b) {
	return a + b;
}
// ES6 함수 정의 방식
var sum = (a, b) => {
	return a + b;
}

sum(10, 20);

 

화살표 함수 사용 예시

// 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));

글자수가 적어짐에 은근한 성능 최적화도 된다고 한다.