- this나 super에 대한 바인딩이 없고, methods 로 사용될 수 없습니다.
- new.target키워드가 없습니다.
- 일반적으로 스코프를 지정할 때 사용하는 call, apply, bind methods를 이용할 수 없습니다.
- 생성자(Constructor)로 사용할 수 없습니다.
- yield를 화살표 함수 내부에서 사용할 수 없습니다.
- 출처 -
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions
화살표 함수 - JavaScript | MDN
화살표 함수 표현(arrow function expression)은 전통적인 함수표현(function)의 간편한 대안입니다. 하지만, 화살표 함수는 몇 가지 제한점이 있고 모든 상황에 사용할 수는 없습니다.
developer.mozilla.org
2022.01.04 - [코딩/자바스크립트] - [자바스크립트] 화살표 함수 안에서 this 사용하기
[자바스크립트] 화살표 함수 안에서 this 사용하기
$("#test").click(()=>{ let dif=$(this).attr('value'); console.log(dif); }); 위 코드의 결과물은 "undefinded"이다. 왜? 라고 생각할텐데 그 이유는 $(this)가 해당 익명함수를 가르키는 것이 아니라 window..
kasumil.tistory.com
이전 글에서 왜 함수 내부에서 this가 bind 되지 않는 것인가 원인이 궁금해서 오늘 출근길에 찾아보았습니다.
사유
화살표 함수는 자신의 this가 없습니다. 대신 화살표 함수를 둘러싸는 렉시컬 범위(lexical scope)의 this가 사용됩니다; 화살표 함수는 일반 변수 조회 규칙(normal variable lookup rules)을 따릅니다. 때문에 현재 범위에서 존재하지 않는 this를 찾을 때, 화살표 함수는 바로 바깥 범위에서 this를 찾는것으로 검색을 끝내게 됩니다.
'코딩 > 자바스크립트' 카테고리의 다른 글
| [JS] JavaScript 태그 명령어 사이트 (0) | 2022.01.27 |
|---|---|
| [JS] Form 태그 전송시키기 (0) | 2022.01.06 |
| [자바스크립트] 화살표 함수 안에서 this 사용하기 (0) | 2022.01.04 |
| [자바스크립트] input 태그는 숨겨져있으면 복사 불가. (0) | 2021.07.20 |
| css, scss, styled-component 현업에서 사용할때 느낀 점. (0) | 2021.07.16 |