반응형
화살표 함수 Arrow Functions
자바스크립트 함수를 생성하는 또 다른 구문
일반적인 함수에서 this 키워드가 원하는 객체를 참조하지 않았던 문제들을 화살표 함수가 유용하게 해결한다.
화살표 함수 안에 this를 사용하면 항상 정의한 객체를 나타내고 실행 중에 갑자기 바뀌지 않는다.
jsbin
const printMyName = (name) => {
console.log(name);
}
// 인수가 하나일 경우 줄임 방법
const printMyName = name => {
console.log(name);
}
function printMyName(name) {
console.log(name);
}
printMyName('Max');
객체에 함수를 추가할 때 중요하다
const multiply = (num) => {
return num * 2;
}
// 간단하게 줄이기
const multipy = num => num * 2;
당장 외울 필요는 없다
(하지만 이미 외움)
반응형
'온라인 강의 > React 완벽 가이드 [Udemy]' 카테고리의 다른 글
15. 클래스 이해하기 (0) | 2023.05.31 |
---|---|
14. Exports와 Imports (0) | 2023.05.31 |
12. 변수 "let"과 "const" 이해하기 (0) | 2023.05.31 |
11. 모듈 소개 (0) | 2023.05.31 |
10. 강의 개발 환경 설정(코드 편집기) (0) | 2023.05.31 |