화살표 함수

es6부터 도입된 함수를 정의하는 방법중에 하나입니다. 자바스크립트는 다양한 함수 정의 방법이 있습니다. 모양만 다를뿐 함수의 결과는 같다고 보시면 됩니다.

// 기본 정의
function fun(num) {
	return num = num + 1
}

// 익명함수를 이용한 정의
const fun = function(num) {
	return num = num + 1
}

// 한줄로 사용할 경우 자동으로 return이 됨.
const fun = num => num + 1

//두줄 이상일 경우는 return을 써야함

const fun = (num) => {
	return num = num + 1
}
 

특히 map, filter 등 collection api와 사용할 때 활용도가 좋습니다.

let newArray = [1,2,3,4,5].map(v => v * 2)
console.log(newArray)

[만들면서 배우는 Svelte]

만들면서 배우는 svelte