Ce este cuvântul cheie „acest” din JavaScript?
După cum știm că Obiectele sunt blocurile de bază de bază în JavaScript, există un obiect special, bine numit „acest” obiect, iar valoarea „acesta” poate fi văzută în fiecare linie de execuție JavaScript, care este din nou decisă în funcție de modul în care este codul. fiind executat. În acest subiect, vom afla despre JavaScript „acest” cuvânt cheie.
Importanța cuvântului cheie „acest” în JavaScript
- Obiectul „acest” din JavaScript are multe roluri și utilizări importante. Este folosit în primul rând pentru a indica o instanță a unui obiect din propria sa metodă sau constructor. Odată cu indicarea, „acest” poate fi folosit și pentru a urmări execuția contextului care se bazează pe locul unde este apelată funcția.
- Următorul lucru despre funcția „acest” din JavaScript este că legătura cu contextul de execuție se poate schimba. Și în sfârșit, legătura cu contextul de execuție poate fi stabilită și atunci când este menționată printr-o funcție de apelare inversă, chiar dacă funcția este definită în interiorul obiectului constructor.
De ce să utilizați cuvântul cheie „acest” în JavaScript?
- În JavaScript, „acest” cuvânt cheie este utilizat în multe contexte pentru a utiliza cât mai bine contextele. Practic, „acest” cuvânt cheie este utilizat pentru a face referire la un obiect sau o funcție din JavaScript. Ca și prin cuvântul (acesta) în sine, putem înțelege că se referă la ceva. Pentru a înțelege mai bine acest lucru într-un mod practic, putem considera un exemplu dl X a jucat Cricket și el a câștigat jocul.
- Așadar, aici, în locul utilizării din nou a domnului X, am folosit „el” care se referă doar la domnul X. Ne ajută să nu menționăm tot timpul același lucru. La fel, în JavaScript, de asemenea, putem folosi funcția sau obiectul „această” pentru a referi o altă funcție sau obiect cu valoarea invocată în acea funcție sau obiect. De obicei, „aceasta” este folosită în interiorul unei funcții sau metode, dar poate fi folosită și în afara funcției (în sfera globală).
Cum se folosește cuvântul cheie „acest”?
- După cum știm că JavaScript este un limbaj de script, deci nu este nevoie de o compilare a codurilor, acesta este executat în timp de execuție. Poate fi executat direct de interpret, linie cu linie. Iar mediul sau sfera în care se execută codurile JavaScript se numește „Execuție context”.
- JavaScript runtime menține o stivă de contexte de execuție și menține stiva actuală deasupra. Obiectul la care se face referire prin „acest” se schimbă la fiecare modificare a contextului de execuție.
- Pur și simplu, putem presupune că atunci când o funcție este creată în același timp, se creează și un cuvânt cheie „acest” (în spatele scenei) care se leagă de obiectul în care funcționează funcția. Cuvântul cheie „acest” funcționează diferit în JavaScript față de alte limbaje de programare.
Are diferite valori în funcție de locul în care îl folosim, de exemplu:
- „aceasta” se referă la obiectul proprietar într-o metodă.
- „acest lucru” se referă la obiectul global în situația singură.
- „aceasta” se referă și la obiectele globale într-o funcție simplă.
- „aceasta” se referă la un element dintr-un eveniment care primește evenimentul.
- „aceasta” este nedefinită într-o funcție de mod strict.
1. Folosit cu un câmp
Exemplu : Mai jos, „acest” se referă la un obiect numit persoană. Și persoana este proprietarul metodei nume complet.
var employee = (
firstName: “Raju”,
lastName: “Chaudhury”,
id: 123
fullName: function() (
return this.firstName + “ ” + this.lastName;
)
)
Un exemplu scurt pentru un câmp formular:
check to alert this object name
Puneți numele și verificați opțiunea radio de mai jos pentru a vă avertiza intrarea
Verificați acest lucru pentru a avertiza introducerea câmpului text
Notificați opțiunea de gestionare a evenimentelor în timp ce deschideți formularul pentru a vedea acțiunile întreprinse atunci când se face clic pe butonul de trimitere
2. Folosit pentru a invoca un constructor
De obicei, când folosim cuvântul cheie „nou” pentru a crea o instanță pentru un obiect funcțional, atunci utilizăm funcția ca constructor.
În exemplul de mai jos, declarăm o funcție Bike și apoi o invocăm ca constructor:
function Bike(name)(
this.name = name;
)
Bike.prototype.getName = function()(
return this.name;
)
var bike = new Bike('Pulsar');
console.log(bike.getName());
În exemplul de mai sus, noua Bike („Pulsar”) este un constructor al funcției Bike. Aici, JavaScript creează un obiect nou și pune „acest” cuvânt cheie obiectului nou creat. Deci, acum putem invoca Bike () ca funcție sau ca constructor. Aici, în cazul în care eliminăm cuvântul cheie „nou”, atunci va apărea o eroare ca mai jos:
var bajaj = Bike('Bajaj');
console.log(bajaj.name);
/ * Se va afișa ca TypeError: Nu se poate citi proprietatea „nume” a undefined * /
Asta pentru că, această funcție în Bike () este pusă la obiectul global, bajaj.name rezultă nedefinit.
Pentru ca funcția Bike () să fie invocată întotdeauna cu ajutorul constructorului, verificăm la început funcția Bike () după cum urmează:
function Bike(name)(
if( ! (this instanceof Bike)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
Există o metapropie cunoscută sub numele de „new.target” care permite detectarea dacă o funcție este invocată ca o simplă invocare sau constructor.
Aici, putem edita funcția Bike () care folosește metaproperty new.target ca mai jos
function Bike(name)(
if( ! new.target)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
3. Folosit pentru a returna instanța de clasă curentă
O expresie de clasă este, de asemenea, o modalitate de a defini o clasă în JavaScript. Poate fi denumit sau fără nume. Cel numit este localul corpului clasei sale și poate fi recuperat de proprietățile clasei.
/ * exemplu pentru o expresie de clasă fără nume * /
let Mobile = class (
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name); //Output: Mobile
/ * exemplu pentru o expresie de clasă numită * /
let Mobile = class Mobile2(
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name);
Ieșire: mobil2
4. Folosit ca parametru de metodă
Când apelăm la o metodă a unui obiect, atunci JavaScript pune „acest” obiectului care deține metoda.
Exemplu:
var Bike = (
name: 'Pulsar',
getName: function()(
return this.name;
)
)
console.log(bike.getName()); /*Pulsar*/
Aici, această metodă getName () din interior se referă la un obiect de bicicletă.
Concluzie
Cuvântul cheie „acest” din JavaScript este un instrument puternic care ajută de obicei dezvoltatorii să referă proprietățile în contexte specifice, dar uneori poate fi destul de complicat și atunci când se aplică prin diferite niveluri de aplicare. Valoarea „asta” poate fi setată în mod explicit și cu apelul (), legarea () și aplicarea (). De obicei, valoarea „this” este determinată de contextul de execuție al funcției. De obicei, funcțiile săgeată nu leagă „asta” și în loc de „acest” este legat lexic.
Articole recomandate
Acesta este un ghid pentru cuvântul cheie „acest” din JavaScript. Aici discutăm despre importanța și modul de utilizare a acestui cuvânt cheie „JavaScript” împreună cu exemplul. De asemenea, vă puteți uita la articolul următor.
- Încapsulare în JavaScript
- Sortare inserție în JavaScript
- Palindrom în JavaScript
- Compilatoare JavaScript
- acest cuvânt cheie în java | Exemple de acest cuvânt cheie
- Reguli de instanțăOf în Java cu Exemplu