JavaScript에서 사전적 this는 무엇입니까?

뚱뚱한 화살표 기능은 "this" 어휘 바인딩 문제를 해결합니다. "이것"의 컨텍스트를 가져오고 빠른 화살표에는 고유한 this가 없기 때문에 동일한 목적을 수행할 수 있습니다. 이름에서 알 수 있듯이 굵은 화살표 기능은 코드 줄을 줄이는 데 도움이 됩니다. 구문 =>은 굵은 화살표를 보여줍니다.

예시

$('.button1').click(function () {
   setTimeout(function () {
      $(this).text('demo');
   } ,400);
});

위에서는 function()이 이것을 전역 객체로 정의하기 때문에 오류가 발생합니다. 뚱뚱한 화살표 함수를 사용하여 해결하는 방법과 "this"의 컨텍스트를 살펴보겠습니다 -

$('.button1').click(function () {
   setTimeout( () => {
      $(this).text(‘demo’) }
  ,400);
});