Arrow Function

Jongwon Lee·2023년 1월 11일
0

Arrow Function 화살표 함수는 ES6문법인데 이 함수를 사용하면 .find 및 .map 예제에서 나왔던 소스를 아래와 같이 수정할 수 있다.
✍ 기존

function findFruit(currFruit) {
  return currFruit === "apple";
}
const fruits = ["banana", "cherry", "apple", "melon"];
const apple = fruits.find(findFruit);

-----------------------------------------------------------------------
  
function sum(currNumber) {
  return currNumber + 2;
}
const source = [2, 4, 6, 8];
const convert = source.map(sum);

✍ Arrow Function

const fruits = ["banana", "cherry", "apple", "melon"];
const apple = fruits.find((currFruit) => currFruit === "apple");

-----------------------------------------------------------------------
  
const source = [2, 4, 6, 8];
const convert = source.map((currNumber) => currNumber + 2);

위 소스와 같이 개선된 코드로 작성이 가능하다.

arguments => return-value
첫번재 부분에 인수를 쓰고 화살표 뒤에 값을 반환하면 된다.
Arrow Function 의 좋은 점은 암묵적 리턴을 가지고 있다는 것인데 반환하기 위해 return 이라는 키워드가 필요하지 않고 화살표 뒤에 쓰는 어떤 것이든 자동으로 return 된다는 것이다.

출처 : Nomad Coders Youtube

0개의 댓글