[ES6+] Arrow Function(화살표 함수)

화살표함수의 예를 들어보자

원래는 이렇게 썼던(원래는 또 function도 있었는데 없앤것임) 것을

const animal = ["dog","cat","bird"];

const hearts = animal.map(item =>{
	return item + '❤️';
})

화살표함수에는 implicit return(암묵적 리턴)이라는 기능이 잠재되어있으므로

retrun을 따로 적지 않더라도 알아서 리턴해주는것이다.

그래서

const hearts = animal.map(item =>{
	return item + '❤️';
})
console.log(hearts)
//["dog❤️","cat❤️","bird❤️"]

이 코드를

const hearts = animal.map( item => item + '❤️' )
console.log(hearts)
//["dog❤️","cat❤️","bird❤️"]

이렇게 적을수있는거다! 코드효율성이나 가독성이 훨씬 좋아짐=)

return,{},; 을 안적어도 됨

*implicit return이란 : 같은줄에 있는코드는 자동 리턴한다는 암묵적인 약속.

0을 써주면 모두 0을 리턴하고

const hearts = animal.map( item => 0 )
console.log(hearts);
//[0,0,0]

한줄이 아닌 여러줄로 썼을때 ( =괄호를 사용하면 =implicit return은 아님 ) return을 적어주지 않으면 undefined을 리턴한다

const hearts = animal.map(item =>{
	item + '❤️';
})
console.log(hearts);
//[undefined,undefined,undefined]

노마드코더의 ‘ES6의 정석’을 듣고 정리 =)

Share this post