[자바스크립트_개념정리] 화살표 함수 arrow functions

화살표 함수 arrow functions

function 키워드 없이 함수 입력이 가능함으로 기존의 함수나 함수 표현식보다 간결

화살표 함수 하나만 단독으로 만들 수는 없기에 변수에 저장한다

화살표 함수는 배열 메서드랑 항상 함께 쓰인다

[ syntax ]

const 변수명 = (매개변수) => {
  실행문;
}

[ 화살표 함수 구문 연습 ]

[인수가 하나일 때]

=> 괄호 생략 가능

[ 인수가 없는 화살표 함수 ]

=> 괄호 안은 비워놔야 함. ( 결정할 매개변수, 인수가 없어도 그 자리는 필요하다 )

[ 깨알 개념 정리 ]

매개변수(parameter)는 함수를 정의할 때 사용되는 변수이고

인수(argument)는 실제로 함수가 호출될 때 넘기는 변수값이다

[ 화살표 함수의 축약형 ( 암시적 반환 ) ]

1. return 생략

이때 중괄호를 괄호로 바꿔야 하며 괄호 안에는 단 한개의 표현식만 있어야 함

2. 한줄로 작성

[ 화살표 함수 활용한 forEach() 와 map() ]

 - map()와 화살표 함수

=> map()메서드에 function키워드의 함수를 넣는 대신 화살표 함수를 넣어 movieRates 에 저장

- 암시적 반환

- forEach()와 화살표 함수

=> map메서드와 다르게 forEach메서드는 항상 undefined 를 반환한다. 때문에 console.log 를 사용해야 원하는 값을 출력한다

=> return 키워드와 다르게 console.log는 생략할 수 없다.

암시적 반환은 return을 생략했을 때 가능한 것으로

​ 위 예시는 return 키워드가 생략된 것과 같은 의미임으로 undefined가 반환됨