본문 바로가기
✨ Front-end/자바스크립트(JS)

[JavaScript] ES6 화살표 함수 arrow

by 환풍 2023. 9. 21.
728x90
반응형

 

arrow 함수란?

ES6에서 도입된 새로운 함수 표현 방식이다.

화살표 함수는 함수를 간결하고 명료하게 작성할 수 있도록 도와주며, 주로 익명 함수의 선언과 사용에 활용된다.

 

파라미터 매개변수

왼쪽과 같이 function(one, two)(one, two) => 로 바뀌게 되는 것이다.

만약 function add(one , two)  나 function add2(one, two), function add3(one, two) 처럼 함수 명을 간단하게 없애버리고, 익명으로 대체하여 변수에 넣어주기 편하다.

파라미터가 하나일 경우 ( ) 를 생략할 수 있으며, 만약 파라미터가 없을 경우 ( ) 만 쓰고 함수 선언 가능.

 

객체

{key : value} 형태의 Object를 반환하기 위해서는 소괄호 ( ) 안에 {key : value }를 작성한다.

{ } 중괄호로 감싸지 않으면, 반환되는 값이 객체로 인식되지 않으므로 중괄호를 빼먹지 말아야한다.

 

728x90
반응형

댓글