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));
글자수가 적어짐에 은근한 성능 최적화도 된다고 한다.