개발나라 스용공주

[JavaScript] 화살표 함수를 사용해 함수 표현 간소화하기 본문

WEB/JavaScript

[JavaScript] 화살표 함수를 사용해 함수 표현 간소화하기

스용공주 2024. 11. 24. 02:06
728x90
728x90

이번 글은 함수를 작성할 때 작성을 간소화하는 방법인 화살표 함수에 대한 글이다.

 


 

[ 화살표 함수 ]

화살표 함수란, 함수의 형태를 간략하게 하여 이전보다 더 빠르고 간결하게 생성되도록 도와주는 것이다.

 

아래 코드의 결과는 아래 이미지와 같다.

let varB = function () {
    return 1;
};

console.log(varB());

결과값

 

 

위의 코드를 화살표 함수로 만들어주면 아래 코드와 같다.

  • function 생략 후 () 뒤에 =>를 해줌
  • 반환값이 있을 경우 {}를 생략하고 반환값만 작성함
let varB = () => 1;

console.log(varB());

 

 

함수의 매개변수가 있을 경우 형태는 아래 코드와 같다.

let varB = (plus) => plus + 1;

console.log(varB(2));

 

 


728x90
728x90
Comments