[JavaScript] 화살표함수(arrow function)

Jenny·2023년 3월 16일
0

javascript

목록 보기
5/5
post-thumbnail

함수 표현식보다 단순하고 간결한 문법으로 함수를 만드는 화살표 함수(arrow function)를 알아보자.

사용

let func = (arg1, arg2, ...argN) => expression
  • 인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있다.
let double = n => n * 2;
// let double = function(n) { return n * 2 }과 거의 동일
  • 인수가 하나도 없을 땐 괄호를 비워놓으면 된다. 생략은 불가능함
let sayHi = () => alert("안녕하세요!");

sayHi();
  • 본문이 여러줄인 화살표 함수는 반드시 return 값이 있어야함
let sum = (a, b) => {  // 중괄호는 본문 여러 줄로 구성되어 있음을 알려줌
  let result = a + b;
  return result; // 중괄호를 사용했다면, return 지시자로 결괏값을 반환해주어야 함
};

alert( sum(1, 2) ); // 3

예시

사용전


let sum = function(a, b) {
  return a + b;
};
*/

사용후

let sum = (a, b) => a + b;

javascript

profile
Developer로의 여정

0개의 댓글