[중앙정보처리학원] JavaScript* 화살표 함수

화살표 함수 (arrow function)

• 함수는 함수 선언문 방식과 함수 표현식 방식으로 만들 수 있다
• ES6부터는 더 간편한 방법으로 함수를 만드는 화살표 함수 문법이 추가되었다.

///// 화살표 함수    // 중괄호(한줄일때), 리턴 제거가능(한줄일떄)
const add = (n1, n2) => n1 + n2;

const r1 = add(10, 20);
console.log(`r1: ${r1}`);


const sayHello = () => console.log('안녕하세요');

sayHello();

const kim = {
  name: '김철수',
  greeting: sayHello, 
  dance: () => console.log('춤을 신나게 춥니다.')
};

kim. greeting();
kim.dance();


// 정수 1개를 전달하면 해당 정수의 제곱값을 리턴하는
// 화살표함수 pow 작성해보세요.


// 파라미터 n <= 이거 이부분 () 안에원래있는데 저렇게 한개만있으면 소괄호 삭제가능
const pow = n => n ** 2;
console.log(pow(3));

 

• 위 3가지 방식은 모두 동일하게 2개의 정수를 전달하면 그 합을 반환하는 add라는 함수를 정의함
• 화살표 함수는 함수 내부의 코드가 단 한 줄밖에 없다면 함수블록(중괄호)를 생략ㄹ
• 또한 그 한 줄의 코드가 리턴문(return)이라면 return키워드도 생략이 가능