티스토리 뷰

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

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

 

 

'dev > vue3' 카테고리의 다른 글

Vuex - mutations  (0) 2025.01.14
ES6 - Enhanced Object Literals - 향상된 객체 리터럴  (0) 2025.01.10
ES6란 무엇인가 그리고 Babel (const & let)  (0) 2025.01.08
vue modal, slot, transition  (1) 2025.01.08
created 및 컴포넌트 구조  (0) 2025.01.07
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
글 보관함