반응형
화살표 함수 Arrow Functions
자바스크립트 함수를 생성하는 또 다른 구문
일반적인 함수에서 this 키워드가 원하는 객체를 참조하지 않았던 문제들을 화살표 함수가 유용하게 해결한다.
화살표 함수 안에 this를 사용하면 항상 정의한 객체를 나타내고 실행 중에 갑자기 바뀌지 않는다.
jsbin
JS Bin
Sample of the bin:
jsbin.com
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 |