Jednym z najtrudniejszych i najczęściej używanych pojęć w JavaScript jest „ ten słowo kluczowe. JavaScript używa „ ten ” słowo kluczowe inaczej niż w innych językach. Jednak jest to niezbędne do tworzenia bardziej zaawansowanego kodu JavaScript. Jako początkujący może być ci trudno zrozumieć użycie wspomnianego słowa kluczowego, ale nie martw się!
W tym poście wyjaśnimy „ ten słowo kluczowe i jego użycie w JavaScript.
Co to jest „to” w JavaScript?
“ ten ” to słowo kluczowe 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, takich jak:
-
- W metodzie
- W obsłudze zdarzeń
- W funkcjach
Sprawdźmy po kolei każde z wymienionych zastosowań!
Jak używać „tego” w metodach JavaScript?
“ ten ” jest używany w metodach JavaScript jako niejawne wiązanie. Gdy funkcja jest wywoływana za pomocą obiektu i kropki, jest uważana za niejawne powiązanie, a „ 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:
zmienna informacja o osobie = {
Nazwa: 'Jan' ,
wiek : 20 ,
informacje: funkcjonować ( ) {
konsola.log ( 'Hej! Jestem' + this.name + ' i jestem ' + ten.wiek + ' lat' ) ;
}
}
Następnie zadzwoń do „ informacje() ” metoda wraz z nazwą obiektu:
Widać, ż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 zdarzeń postępuj zgodnie z poniższą sekcją.
Jak używać „tego” w obsłudze zdarzeń JavaScript?
W tym przykładzie sprawdź użycie „ ten ” słowo kluczowe w obsłudze zdarzeń. W tym celu rozważmy przykład, w którym jednym kliknięciem ukryjemy nasz przycisk. Aby to zrobić, utwórz przycisk i dołącz „ na kliknięcie() ” z nim, aby uzyskać dostęp do właściwości style.display z „ ten ” słowo kluczowe, które ukryje przycisk po kliknięciu:
< h3 > Kliknij, aby ukryć przycisk h3 >< przycisk na kliknięcie = 'this.style.display='brak'' > Kliknij tutaj ! przycisk >
Wyjście
Jeśli nie masz pewności co do używania „ ten ” 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 typy powiązań w JavaScript, w tym:
-
- Domyślne wiązanie
- Niejawne wiązanie
- Wyraźne wiązanie
Rozumiemy je indywidualnie!
Przykład 1: Użycie tego słowa kluczowego w domyślnym powiązaniu
W domyślnym wiązaniu, „ ten Słowo kluczowe pełni rolę obiektu globalnego. Jest używany głównie w funkcjach samodzielnych.
Rozumiemy podaną koncepcję na przykładzie.
Najpierw utworzymy zmienną „ x ” i przypisz mu wartość „ piętnaście ”:
zmienna x = piętnaście ;
Następnie zdefiniuj funkcję o nazwie „ functionDB() ” i jego definicję funkcji, utwórz zmienną o tej samej nazwie „ x ” i przypisz mu wartość „ 5 ”, a następnie wydrukuj jego wartość za pomocą „ konsola.log() ” metoda z „ ten ” słowo kluczowe:
zmienna x = 5 ;
konsola.log ( to.x ) ;
}
Na koniec zadzwoń do „ functionDB() ” funkcja:
Ze względu na użycie „ ten ”, wynik wyświetla wartość „ x ' jak ' piętnaście ”, ponieważ działa jako obiekt globalny, a proces nazywa się „ Wiązanie dynamiczne ”:
Przykład 2: Użycie tego słowa kluczowego w niejawnym wią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:
funkcjonować informacje ( ) {konsola.log ( 'Hej! Jestem' + this.name + ' i jestem ' + ten.wiek + ' lat' )
}
Następnie utwórz obiekt o nazwie „ informacje o osobie ” ze zdefiniowanymi właściwościami:
Nazwa: 'Jan' ,
wiek : 20 ,
informacje: informacje
}
Teraz wywołaj funkcję wzdłuż obiektu:
Wyjście
Przykład 3: Użycie tego słowa kluczowego w jawnym wiązaniu
Jawne wiązanie jest również nazywane „ twarda oprawa ”, ponieważ funkcja jest wymuszana w celu wykorzystania określonego obiektu do „ ten ” wiązanie, bez umieszczania odwołania do funkcji właściwości w obiekcie. W tym celu można użyć metod call(), apply() i bind().
Będziemy teraz korzystać z tej samej funkcji o nazwie „ informacje() ” zdefiniowane w poprzednim przykładzie. Następnie utwórz obiekt o nazwie „ informacje o osobie ” o następujących wartościach:
zmienna informacja o osobie = {Nazwa: 'Jan' ,
wiek : 20
}
Do wywołania funkcji o nazwie „ informacje() ”, użyjemy „ połączenie() ” i przekaż utworzony obiekt jako argument:
Ponieważ info() nie jest częścią obiektu, nadal mamy do niego jawny dostęp:
Aby wywołać funkcję w sposób jawny, możesz również użyć metod apply() i bind(). Metoda apply() jest identyczna z metodą call(), natomiast metoda bind() tworzy nową funkcję o tej samej treści i zakresie, która zachowuje się w taki sam sposób, jak funkcja oryginalna. Metoda bind() może zostać wykorzystana do zwrócenia funkcji, której można użyć później.
Aby wywołać info() za pomocą metody apply(), użyj następującej instrukcji:
info.zastosuj ( informacje o osobie ) ;
Daje to samo wyjście, co metoda call():
Za dzwonienie „ informacje() ” z „ wiązać() ”, użyj podanego stwierdzenia:
Wyjście
Zebraliśmy wszystkie niezbędne informacje związane z „ ten słowo kluczowe.
Wniosek
“ ten ” to słowo kluczowe 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ługa zdarzeń i funkcje. W tym poście wyjaśniliśmy „ ten słowo kluczowe w JavaScript.