JavaScript to | Wyjaśnione

Jednym z najtrudniejszych i często używanych koncepcji w JavaScript jest „Ten”Słowo kluczowe. JavaScript używa „Ten”Słowo kluczowe inaczej niż inne języki. Jednak jest to niezbędne do stworzenia bardziej zaawansowanego kodu JavaScript. Jako początkujący może być w jakiś sposób trudno zrozumieć użycie wspomnianego słowa kluczowego, ale bez zmartwień!

Ten post wyjaśni „„Ten”Słowo kluczowe i jego użycie w JavaScript.

Czym jest „to” w JavaScript?

"Ten”Jest słowem kluczowym w JavaScript, które odnosi się do obiektu, który wykonuje istniejący blok kodu. Reprezentuje obiekt, który wywołuje bieżącą funkcję. Jest używany w wielu scenariuszach na różne sposoby, na przykład:

• • W metodzie
  • W obsłudze wydarzeń
  • W funkcjach

Sprawdźmy każde z wymienionych użyć jednego po drugim!

Jak używać „tego” w metodach JavaScript?

"Ten”Jest stosowany w metodach JavaScript jako niejawne wiązanie. Gdy funkcja jest wywoływana za pomocą obiektu i kropki, uważa się ją za niejawne wiązanie i „Ten”Wskazuje obiekt podczas wywołania funkcji.

Przykład

Najpierw utworzymy obiekt z pewnymi właściwościami i metodą, a następnie użyjemy „Ten„Słowo kluczowe, aby uzyskać wartości właściwości obiektu:

var personinfo =
Imię: „John”,
Wiek: 20,
info: function ()
konsola.log ("hy! Jestem " + to.nazwa + "i jestem" + to.wiek + „lata”);

Następnie zadzwoń do „informacje ()„Metoda wraz z nazwą obiektu:

personinfo.info ();

Można zauważyć, że określone wartości właściwości bieżącego obiektu są pomyślnie wyświetlane:

Jeśli chcesz użyć „Ten”W obsłudze wydarzeń postępuj zgodnie z poniższą sekcją.

Jak używać „This” w obsłudze zdarzeń JavaScript?

W tym przykładzie sprawdź użycie „Ten”Słowo kluczowe w obsłudze zdarzeń. W tym celu rozważ przykład, w którym ukryjemy nasz przycisk jednym kliknięciem. Aby to zrobić, utwórz przycisk i dołącz „na kliknięcie()„Wydarzenie z nim, aby uzyskać dostęp do stylu.Wyświetl właściwość z „Ten„Słowo kluczowe, które ukryje przycisk po kliknięciu:

Kliknij, aby ukryć przycisk

Kliknij tutaj!

Wyjście

Jeśli jesteś zdezorientowany użyciem „Ten”Słowo kluczowe w funkcjach zdefiniowanych przez użytkownika w JavaScript, postępuj zgodnie z podaną sekcją.

Jak używać „tego” w funkcjach JavaScript?

Podczas używania "Ten„W funkcjach istnieją trzy rodzaje powiązań w JavaScript, w tym:

• • Domyślne powiązanie
  • Niejawne wiązanie
  • Wyraźne wiązanie

Zrozumiemy je indywidualnie!

Przykład 1: Użycie tego słowa kluczowego w domyślnym powiązaniu

W domyślnym powiązaniu „„Ten„Słowo kluczowe działa jako obiekt globalny. Jest najczęściej stosowany w samodzielnych funkcjach.

Zrozumiemy określoną koncepcję z przykładem.

Najpierw utworzymy zmienną „X”I przypisz go wartość„15”:

var x = 15;

Następnie zdefiniuj funkcję o nazwie „funkcjaDB ()”I definicja jej funkcji, utwórz zmienną o tej samej nazwie„X”I przypisz to wartość„5”Następnie wydrukuj swoją wartość za pomocą„konsola.dziennik()„Metoda z„Ten”Słowo kluczowe:

var funkcjadb = funkcja ()
var x = 5;
konsola.Log (to.X);

Wreszcie zadzwoń do „funkcjaDB ()”Funkcja:

funkcjaDB ();

Z powodu użycia „Ten„Słowo kluczowe, wyjście wyświetla wartość„X" Jak "15”Ponieważ działa jako obiekt globalny, a proces nazywany jest„Wiązanie dynamiczne”:

Przykład 2: Użycie tego słowa kluczowego w niejawnym powiązaniu

Gdy funkcja jest wywoływana przez obiekt lub symbol kropki, „Ten”Słowo kluczowe działa jako niejawne powiązanie. Wskazuje obiekt podczas wywołania funkcji.

W tym przykładzie zdefiniujemy funkcję „informacje ()”I użyj„Ten„Słowo kluczowe w definicji funkcji:

Funkcja info ()
konsola.log ("hy! Jestem " + to.nazwa + "i jestem" + to.wiek + „lata”)

Następnie utwórz obiekt o nazwie „personinfo”Z zdefiniowanymi właściwościami:

var personinfo =
Imię: „John”,
Wiek: 20,
Informacje: Informacje

Teraz wywołaj funkcję wzdłuż obiektu:

personinfo.info ();

Wyjście

Przykład 3: Użycie tego słowa kluczowego w jawnym powiązaniu

Wyraźne wiązanie jest również nazywane „twarde wiązanie”Ponieważ funkcja jest silnie wywoływana do wykorzystania określonego obiektu dla„Ten„Wiązanie, bez umieszczenia odniesienia do funkcji właściwości na obiekcie. W tym celu można zastosować metody Call (), Apply () i bind ().

Będziemy teraz wykorzystywać tę samą funkcję o nazwie „informacje ()”Zdefiniowane w poprzednim przykładzie. Następnie utwórz obiekt o nazwie „personinfo”Z następującymi wartościami:

var personinfo =
Imię: „John”,
Wiek: 20

W celu wywołania funkcji o nazwie „informacje ()”, Użyjemy„dzwonić()„Metoda i przekaż utworzony obiekt jako argument:

informacje.zadzwoń (personinfo);

Ponieważ info () nie jest częścią obiektu, nadal wyraźnie go uzyskaliśmy:

Aby jawnie wywołać funkcję, możesz również użyć metod Apply () i Bind (). Metoda Apply () jest identyczna z metodą Call (), podczas gdy metoda bind () tworzy nową funkcję z tym samym ciałem i zakresem, która zachowuje się w taki sam sposób, jak pierwotna funkcja. Metodę BIND () można wykorzystać do zwrócenia funkcji, której można użyć później.

Aby zadzwonić do informacji () za pomocą metody Apply (), użyj następującej instrukcji:

informacje.Zastosuj (personinfo);

Daje to samo wyjście, co metoda wywołania ():

Do dzwonienia „informacje ()”Z„wiązać()„Metoda, skorzystaj z podanego stwierdzenia:

informacje.bind (personinfo);

Wyjście

Opracowaliśmy wszystkie podstawowe informacje związane z „Ten”Słowo kluczowe.

Wniosek

"Ten”Jest słowem kluczowym w JavaScript, które odnosi się do obiektu, który wykonuje istniejący blok kodu. Reprezentuje obiekt, który wywołuje bieżącą funkcję. Jest używany w wielu scenariuszach na różne sposoby, w tym metody, obsługę zdarzeń i funkcje. W tym poście wyjaśniliśmy „Ten”Słowo kluczowe w JavaScript.