자바스크립트 화살표 함수(Arrow function)

2022. 6. 27. 16:40WEB.DEV

반응형

화살표 함수(Arrow function)는 자바스크립트 ES6 버전에 도입된 기능중의 하나로 일반 함수에 비해 깔끔하고 짧은 방식으로 생성할 수 있는 기능입니다.

(param1, param2, param3) => {statements(s)}

일반 함수

function hello() {
  console.log(‘Hello world’);
}

화살표 함수

const hello = () => {console.log(‘Hello world’);}

매개변수가 있을 경우 괄호 안에 전달할수 있습니다.
화살표 함수의 경우 한줄로 작성되어 있을 경우 return 과 {}(중괄호)를 생략할수 있습니다.

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

매개변수가 한개일 경우에는 ()(괄호)를 생략할수 있습니다.

const sayHell = name => `Hello, ${name}!`;

 

728x90
반응형