Jakie jest słowo kluczowe „to” w JavaScript?

Jeśli zaprogramowałeś w Javie, C ++ lub w jakimkolwiek innym języku, musisz zapoznać się z słowem kluczowym „to”. Jednak w JavaScript działa trochę inaczej. Jest inaczej, ponieważ JavaScript oferuje tryb ścisłego. Tryb ścisłego jest miejscem, w którym nie możemy używać niezgłoszonych zmiennych. Tryb ścisłego pomaga również w debugowaniu.

Słowo kluczowe „to” jest szeroko używane w prawie każdym języku programowania. Jest to jednak również najbardziej myląca koncepcja. Jeśli jesteś początkującym, nie martw się, dzisiaj omówimy prawie wszystko o słowie kluczowym „to” w JavaScript wraz z przykładami. Więc usiądź ciasno i pozwól, aby rozpocząć jazdę.

Co to jest słowo kluczowe „to”

Najprostszą definicją słowa kluczowego „to” jest to, że wskazuje lub odnosi się do obiektu, do którego należy. Możemy również powiedzieć, że odwołuje się do tego obiektu, który wywołuje obecnie funkcję/metodę.

Teraz, gdy wiemy, co oznacza „to słowo kluczowe”, odkryjmy, gdzie jest używane. Wartość słowa kluczowego „to” różni się również w zależności od tego, gdzie jest używane.

Używając samego słowa kluczowego „This”

Słowo kluczowe „to” można użyć samodzielnie bez żadnej metody. Następnie ma odniesienie do obiektu globalnego. Na przykład:

const xyz = to;
alert (xyz);

W tym przykładzie zainicjowaliśmy zmienną, która przechowuje odniesienie do obiektu globalnego. Należy pamiętać, że obiekt globalny okna przeglądarki to [okno obiektu]. Po uruchomieniu następującego kodu otrzymamy następujące alert:

Możemy również użyć samego słowa kluczowego „This” za pomocą trybu ścisłego. Rozwiązanie będzie takie samo, że pokaże alert [okno obiektu]. Kod będzie wyglądał tak:

const xyz = to;
alert (xyz);

Używając słowa kluczowego „This” w funkcji

Używanie słowa kluczowego „to” w funkcji jest domyślnym sposobem. „To słowo kluczowe” będzie również odnosić się do obiektu globalnego w funkcji. Na przykład:

funkcja myFunc ()
alert (this);

myfunc ();

Jeśli jednak użyjemy tego słowa kluczowego w trybie ścisłym, wynik jest niezdefiniowany. Jest tak, ponieważ w trybie ścisłym JavaScript ogranicza domyślne powiązanie. Na przykład:

Użyj ścisłego ";
funkcja myFunc ()
alert (this);

myfunc ();

W tym przykładzie wykorzystaliśmy „Używaj ścisłego”. Zostaniemy zwróceni niezdefiniowani po uruchomieniu tego kodu.

Używając słowa kluczowego „This” w obsługi zdarzeń

Handlerzy zdarzeń obsługują wydarzenia. Na przykład, jeśli klikniesz przycisk, kliknięcie będzie obsługiwane przez obsługi zdarzeń. Jeśli chcemy odwołać się do tego elementu przycisku w HTML, z którego otrzymaliśmy kliknięcie, używamy słowa kluczowego „To”.
Załóżmy na przykład, że mamy przycisk. Chcemy, aby zniknęło, gdy go klikniemy. Osiągniemy to według następującego kodu:

HTML:

Kliknij mnie, aby zobaczyć magię

JavaScript:

const btn = dokument.querySelelector (".vanish-btn ");
Btn.addEventListener („kliknij”, funkcja ()
Ten.styl.display = "none";
)

W tym kodzie w HTML najpierw utworzyliśmy przycisk z nazwą klasy „Vanish-Btn”. Następnie umieszczamy znacznik skryptu, w którym odwoływaliśmy się do nazwy pliku JavaScript. W pliku JavaScript najpierw otrzymujemy odniesienie przycisku w „BTN” za pomocą nazwy klasy. Następnie umieszczamy słuchacz zdarzeń kliknięciem przycisku. W tym przypadku, gdy przycisk zostanie kliknięty, funkcja wywołania zwrotnego uruchomi się tam, gdzie brak wyświetlania przycisku.

Przed kliknięciem przycisku przeglądarka będzie wyglądać tak:

Po kliknięciu Kliknij mnie, aby zobaczyć magię przycisk zniknie.

Wiązanie metody obiektu

Najpierw podamy kilka przykładów, a następnie omówimy to, aby zrozumieć koncepcję. Pamiętaj jednak, że słowo kluczowe „to” jest obiekt gracza zdefiniowany w następującym przykładzie lub obiekt nadrzędny, o którym się odwołuje.

const Player =
Nazwa: „Hazard”,
Klub: „Chelsea”,
Koszulka: 10,
myFunc: function ()
Zwróć to.nazwa;

;
Alert (gracz.myfunc () + „gra dla” + gracza.Klub);

W tym przykładzie zainicjowaliśmy obiekt o nazwie „Player”. Określiliśmy jego właściwości, takie jak numer nazwiska, klubu i koszuli. Potem wykonaliśmy funkcję. Ostatecznie powiadomimy funkcję obiektu gracza i klubu, w którym gra. Jest to używane w myfunc () funkcjonować. W tym jest to odnosi się do nazwy odtwarzacza ze słowami kluczowymi „To. nazwa". Wynik w alercie będzie wyglądał tak:

Słowo kluczowe „to” w funkcji strzałki

Funkcje strzałek zostały po raz pierwszy wprowadzone w wersji ES6 i mają podobną funkcję do standardowej funkcji JavaScript, z wyjątkiem tego, że funkcje strzałek skracają składnię.
Na przykład:

funkcja myFunc ()
Powrót „Mistrzów Europy”

myfunc ();

Można to napisać jako:

const myFunc = () =>
powrót „Mistrzów Europy”;

Słowo kluczowe „To” jest obsługiwane inaczej w funkcji strzałki niż w funkcji domyślnej. Mówiąc precyzyjnie, funkcje strzałek nie mają wiązania słowa kluczowego „to”. Ponadto słowo kluczowe „to” odnosi się do zmiennej lub obiektu, który zdefiniował funkcję strzałki.
Na przykład:

const Player = () => (
Nazwa: „Hazard”,
Klub: „Chelsea”,
Koszulka: 10,
myFunc: function ()
Zwróć to.nazwa;

);
Alert (Player ().myfunc ());

Słowo kluczowe „To” tutaj odwołało się do odtwarzacza jako odtwarzacza zdefiniowanego przez funkcję strzałki.

Wniosek

W tym artykule omówiliśmy, czym jest słowo kluczowe „to” i jak jest używane. Omówiliśmy również, gdzie i jak możemy użyć słowa kluczowego „to”. Wszystko to za pomocą przykładów. Słowo kluczowe „To” jest ważną koncepcją JavaScript i głównie początkujący z tym zmagają się. Mamy nadzieję, że ten post wyjaśnił wszelkie dwuznaczności, które mogłeś mieć.