To słowo kluczowe w JavaScript

thissłowo kluczowe jest jedną z najbardziej niezrozumianych i złożonych koncepcji JavaScript. Spędziłem lata pracując w JavaScript i czasami zdarzają się takie scenariusze, w których trudno jest zrozumieć, do czego się thisodnosi.

W tym artykule postaram się wyjaśnić jak najwięcej scenariuszy, na które natknąłem się z wykorzystaniem this. I może być jednym ze scenariuszy, które mogą pomóc w lepszym zrozumieniu koncepcji this.

Więc najpierw zobaczmy, do czego się thisodnosi? 🤔

Charakter tego jest płynny. Wartość thiszmian na podstawie tego, contextw jakim methodid jest called. thisodnosi się do kontekstu, w którym jest wywoływana.

Zrozummy to na przykładzie:

W powyższym kodzie używamy thisw dwóch różnych miejscach i wartość thisjest różna w obu miejscach, o czym decyduje kontekst, w którym jest wywoływana.

Zobaczmy teraz, jak to się zachowuje w różnych blokach kodu.

1. this w kontekście globalnym

3. thiswewnętrzna funkcja konstruktora

4. thiswewnątrz funkcji wewnątrz obiektu

5. thiswewnątrz funkcji wewnętrznej

6. thiswewnątrz funkcji i strict modejest włączony.

Oprócz powyższych scenariuszy mamy dodatkową koncepcję, którą najlepiej zrozumieć. I to są funkcje strzałek. thiswewnątrz funkcji strzałki działa inaczej.

Wewnątrz funkcji strzałki thisnie ma sam w sobie zakresu . To zawsze wskazuje na zakres rodzica.

1. thiswewnątrz funkcji strzałki — w tym przykładzie nadrzędnym zakresem samplemetody jestwindow

3. thiswewnątrz funkcji wewnętrznej jako funkcja strzałki. Przypadek 1. Gdy funkcja strzałki znajduje się w funkcji strzałki.

Oprócz tego, możemy również kontrolować contextz thisręcznie za pomocą metody wbudowane JS call bindi apply. W tym artykule będzie zbyt wiele, by je wyjaśniać. Ale w celach demonstracyjnych pokazuję, jak możemy to zmienić za contextpomocą call:

Dalsze wyjaśnienia:
https://youtu.be/-NnxwkJ4yIg

Pytania praktyczne:
https://dmitripavlutin.com/javascript-this-interview-questions/