자바스크립트 화살표 함수(Arrow function)
2022. 6. 27. 16:40ㆍWEB.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
반응형
'WEB.DEV' 카테고리의 다른 글
자바스크립트 배열 구조분해 (0) | 2022.06.30 |
---|---|
자바스크립트 문자 메소드들 (0) | 2022.06.30 |
자바스크립트 배열 사용 (0) | 2022.06.26 |
[HTML/JS/CSS] contenteditable을 이용한 에디터 폰트 변경하기 (3) | 2021.11.12 |
[HTML/JS/CSS] contenteditable에 clipboard 내용 텍스트만 입력하기 (8) | 2021.03.24 |