Co to jest „to” słowo kluczowe w JavaScript?
Ponieważ wiemy, że Obiekty są podstawowymi elementami składowymi w JavaScript, istnieje również specjalny obiekt zwany „tym” obiektem, a wartość „tego” można zobaczyć w każdej linii wykonania JavaScript, która jest ponownie ustalana na podstawie tego, jak kod jest w trakcie egzekucji. W tym temacie poznamy „to” słowo kluczowe w JavaScript.
Znaczenie „tego” słowa kluczowego w JavaScript
- Obiekt „ten” w JavaScript ma wiele ważnych ról i zastosowań. Służy przede wszystkim do wskazywania instancji obiektu z własnej metody lub konstruktora. Oprócz wskazywania „to” może być również użyte do śledzenia wykonania kontekstu w oparciu o to, gdzie wywoływana jest funkcja.
- Następną rzeczą dotyczącą funkcji „this” w JavaScript jest to, że link do kontekstu wykonania może się zmienić. I wreszcie łącze do kontekstu wykonania można również ustanowić, gdy odwołuje się do niego funkcja wywołania zwrotnego, nawet jeśli funkcja jest zdefiniowana w obiekcie konstruktora.
Dlaczego warto używać „tego” słowa kluczowego w JavaScript?
- W JavaScript, to słowo kluczowe jest używane w wielu kontekstach, aby jak najlepiej wykorzystać konteksty. Zasadniczo „to” słowo kluczowe jest używane w odniesieniu do jakiegoś obiektu lub funkcji w JavaScript. Jak samo słowo (to), możemy zrozumieć, że odnosi się do czegoś. Aby zrozumieć to lepiej w praktyczny sposób, możemy rozważyć przykład, w którym pan X grał w krykieta i wygrał grę.
- Więc tutaj, zamiast ponownie użyć pana X, użyliśmy słowa „on”, które odnosi się tylko do pana X. Pomaga nam to nie powtarzać ciągle tego samego. W ten sam sposób, również w JavaScript, możemy użyć funkcji lub obiektu „this”, aby odwołać się do innej funkcji lub obiektu z wartością wywoływaną w tej funkcji lub obiekcie. Zazwyczaj „to” jest używane wewnątrz funkcji lub metody, ale może być również używane poza funkcją (w zakresie globalnym).
Jak używać słowa kluczowego „to”?
- Ponieważ wiemy, że JavaScript jest językiem skryptowym, więc nie ma potrzeby kompilacji kodów, jest on wykonywany w czasie wykonywania. Może być wykonywany bezpośrednio przez interpretera, linia po linii. A środowisko lub zakres, w którym kody JavaScript są wykonywane, nazywa się „Kontekst wykonania”.
- Środowisko wykonawcze JavaScript utrzymuje stos kontekstów wykonania i utrzymuje bieżący stos na wierzchu. Obiekt, do którego odnosi się „to”, zmienia się przy każdej zmianie kontekstu wykonania.
- Po prostu możemy założyć, że gdy funkcja jest tworzona w tym samym czasie, tworzone jest również słowo kluczowe „to” (za sceną), które łączy się z obiektem, w którym działa funkcja. Słowo kluczowe „this” działa inaczej w JavaScript niż w innych językach programowania.
Ma różne wartości w zależności od tego, gdzie go używamy, na przykład:
- „to” odnosi się do obiektu właściciela w metodzie.
- „to” odnosi się do obiektu globalnego w pojedynczej sytuacji.
- „to” odnosi się również do obiektów globalnych w prostej funkcji.
- „to” odnosi się do elementu w zdarzeniu, które odbiera zdarzenie.
- „to” jest niezdefiniowane w funkcji trybu ścisłego.
1. Używany z polem
Przykład : „to” odnosi się do obiektu zwanego osobą. A osoba jest właścicielem metody fullName.
var employee = (
firstName: “Raju”,
lastName: “Chaudhury”,
id: 123
fullName: function() (
return this.firstName + “ ” + this.lastName;
)
)
Krótki przykład pola formularza:
check to alert this object name
Wpisz nazwę i zaznacz poniższą opcję radia, aby ostrzec swój wpis
Zaznacz to, aby ostrzec wpis w polu tekstowym
Zwróć uwagę na moduł obsługi zdarzeń wysyłania podczas otwierania formularza, aby zobaczyć akcję podjętą po kliknięciu przycisku Prześlij
2. Służy do wywoływania konstruktora
Zwykle, gdy używamy słowa kluczowego „new” do utworzenia instancji dla obiektu funkcji, wówczas używamy funkcji jako konstruktora.
W poniższym przykładzie deklarujemy funkcję Bike, a następnie wywołujemy ją jako konstruktor:
function Bike(name)(
this.name = name;
)
Bike.prototype.getName = function()(
return this.name;
)
var bike = new Bike('Pulsar');
console.log(bike.getName());
W powyższym przykładzie nowy rower („Pulsar”) jest konstruktorem funkcji Bike. Tutaj JavaScript tworzy nowy obiekt i umieszcza słowo kluczowe „to” w nowo utworzonym obiekcie. Teraz możemy wywołać Bike () jako funkcję lub konstruktor. Tutaj, w przypadku, gdy usuniemy słowo kluczowe „nowe”, pojawi się błąd:
var bajaj = Bike('Bajaj');
console.log(bajaj.name);
/ * Będzie wyświetlany jako TypeError: Nie można odczytać właściwości „name” niezdefiniowanej * /
Ponieważ ta funkcja w Bike () jest umieszczana w obiekcie globalnym, wynik bajaj.name jest niezdefiniowany.
Aby funkcja Bike () była zawsze wywoływana za pomocą konstruktora, sprawdzamy na początku funkcji Bike () jak poniżej:
function Bike(name)(
if( ! (this instanceof Bike)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
Istnieje metaproperty zwana „new.target”, która pozwala wykryć, czy funkcja jest wywoływana jako zwykłe wywołanie lub konstruktor.
Tutaj możemy edytować funkcję Bike (), która używa metaproperty new.target, jak poniżej
function Bike(name)(
if( ! new.target)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
3. Służy do zwracania bieżącej instancji klasy
Wyrażenie klasy jest także sposobem na zdefiniowanie klasy w JavaScript. Może być również nazwany lub nienazwany. Nazwany jest lokalny w treści swojej klasy i może być pobrany przez właściwości klasy.
/ * przykład dla nienazwanego wyrażenia klasy * /
let Mobile = class (
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name); //Output: Mobile
/ * przykład dla nazwanego wyrażenia klasy * /
let Mobile = class Mobile2(
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name);
Wyjście: Mobile2
4. Używany jako parametr metody
Kiedy wywołujemy metodę obiektu, JavaScript umieszcza „to” na obiekcie, do którego należy metoda.
Przykład:
var Bike = (
name: 'Pulsar',
getName: function()(
return this.name;
)
)
console.log(bike.getName()); /*Pulsar*/
Tutaj ta wewnętrzna metoda getName () odnosi się do obiektu roweru.
Wniosek
Słowo kluczowe „this” w JavaScript jest potężnym narzędziem, które zwykle pomaga programistom w odwoływaniu się do właściwości w określonych kontekstach, ale czasami może być również dość trudne, gdy stosuje się je na różnych poziomach zakresu. Wartość „this” można również ustawić jawnie za pomocą call (), bind () i apply (). Zwykle wartość „this” jest określona przez kontekst wykonania funkcji. Funkcje strzałek zwykle nie wiążą „tego”, a zamiast tego „to” jest powiązane leksykalnie.
Polecane artykuły
To jest przewodnik po „tym” słowie kluczowym w JavaScript. Tutaj omawiamy znaczenie i sposób użycia słowa kluczowego „this” w JavaScript wraz z przykładem. Możesz także spojrzeć na następujący artykuł.
- Hermetyzacja w JavaScript
- Wstawianie Sortuj w JavaScript
- Palindrom w JavaScript
- Kompilatory JavaScript
- to słowo kluczowe w java | Przykłady tego słowa kluczowego
- Reguły instanceOf w Javie z przykładem