Ezt a "Kulcsszó a JavaScript-ben - Hogyan kell használni" ezt a "Kulcsszót? - Példák

Tartalomjegyzék:

Anonim

Mi az „ez” kulcsszó a JavaScript-ben?

Mivel tudjuk, hogy az objektumok a JavaScript alapvető építőelemei, van egy speciális objektum, amelyet úgynevezett „ez” objektumnak, és az „ennek” értéke látható a JavaScript végrehajtásának minden sorában, amelyet ismét a kód alapján határoznak meg. kivégzik. Ebben a témában megismerjük az „ezt” kulcsszót a JavaScript-ben.

Az „ezen” kulcsszó fontossága a JavaScript-ben

  • A JavaScript ezen "objektuma" számos fontos szerepet és felhasználást tartalmaz. Elsősorban arra használunk, hogy egy objektum egy példányára mutatjunk a saját módszeréből vagy kivitelezőjéből. A mutatással együtt az 'ez' arra is felhasználható, hogy nyomon kövesse a kontextus végrehajtását, amely azon alapul, ahol a függvényt hívják.
  • A következő az JavaScriptben az „ez” funkcióval kapcsolatban, hogy a végrehajtási környezetre mutató link megváltozhat. És végül, a Végrehajtási környezethez való linket akkor is létre lehet hozni, ha visszahívási függvény hivatkozik rá, annak ellenére, hogy a függvény a konstruktorobjektumon belül van meghatározva.

Miért használjon „ezt” kulcsszót a JavaScript-ben?

  • A JavaScript-ben az „ezt” kulcsszót sok kontextusban használják a kontextusok lehető legjobb kihasználása érdekében. Alapvetően az 'ez' kulcsszó hivatkozik valamilyen objektumra vagy funkcióra a JavaScript-ben. Mint a szó (ez) maga, megérthetjük, hogy valamire utal. Hogy jobban megértsük „ezt” a gyakorlatban, akkor tekinthetünk egy példát X úr, aki Cricket játszott, és ő nyerte meg a játékot.
  • Tehát itt, X úr újbóli használata helyett, azt használtuk, aki csak X úrra utal. Segít abban, hogy ne említsük újra és újra ugyanazt a dolgot. Ugyanígy, a JavaScript-ben is használhatjuk az „ezt” funkciót vagy objektumot más funkcióra vagy objektumra való hivatkozásra az adott függvényben vagy objektumban meghívott értékkel. Az 'ezt' általában egy függvényen vagy módszernél használják, de a függvényen kívül is (globális hatókör alatt) is használható.

Hogyan kell használni az „ezt” kulcsszót?

  • Mivel tudjuk, hogy a JavaScript szkriptnyelv, tehát nincs szükség a kódok összeállítására, a futásidejű végrehajtásakor. A tolmács közvetlenül, soronként végrehajthatja. És azt a környezetet vagy hatókört, amelyben a JavaScript-kódokat végrehajtják, „végrehajtási környezetnek” nevezzük.
  • A JavaScript futási ideje egy halom Végrehajtási Kontextust tart fenn, és a tetején tartja az aktuális verem. Az „ezt” hivatkozó objektum minden alkalommal megváltozik, amikor a Végrehajtási Kontextust megváltoztatják.
  • Egyszerűen feltételezhetjük, hogy egy funkció létrehozásakor egyidejűleg egy "ez" kulcsszó is létrejön (a jelenet mögött), amely arra az objektumra hivatkozik, ahol a funkció működik. Az 'ez' kulcsszó eltérően működik a JavaScripten, mint a többi programozási nyelv.

Különböző értékei vannak, attól függően, hogy hol használjuk, például:

  • „ez” a tulajdonos objektumára utal egy módszerben.
  • „ez” a globális tárgyra utal önmagában.
  • „ez” a globális objektumokra utal egy egyszerű függvényben is.
  • „ez” egy esemény elemére utal, amely az eseményt megkapja.
  • Az 'ez' szigorú üzemmódban nincs meghatározva.

1. Használt mezővel

Példa : Az alábbiakban „ez” egy személyre hívott tárgyra utal. És a személy a fullName módszer tulajdonosa.

var employee = (
firstName: “Raju”,
lastName: “Chaudhury”,
id: 123
fullName: function() (
return this.firstName + “ ” + this.lastName;
)
)

Az űrlapmező rövid példája:


check to alert this object name

Adja meg a nevet, és ellenőrizze az alábbi rádió opciót, hogy figyelmeztesse a bejegyzést

Jelölje be ezt a szöveges mező bejegyzésének figyelmeztetésére

Figyelmeztesse a beküldött eseménykezelőt az űrlap megnyitásakor, hogy megtekintse a beküldés gombra kattintással végrehajtott műveletet

2. Kivitelező hívására szolgál

Általában, amikor az 'új' kulcsszóval létrehozunk egy példányt egy függvényobjektumhoz, akkor a függvényt építõként használjuk.

Az alábbi példában kijelentjük a Bike funkciót, majd kivitelezőként hívjuk be:

function Bike(name)(
this.name = name;
)
Bike.prototype.getName = function()(
return this.name;
)
var bike = new Bike('Pulsar');
console.log(bike.getName());

A fenti példában az új kerékpár ('Pulsar') a kerékpár funkció kivitelezője. Itt a JavaScript új objektumot hoz létre, és beilleszti az 'ez' kulcsszót az újonnan létrehozott objektumba. Tehát most Bike-t () hívhatjuk függvényként vagy építőként. Ebben az esetben, ha eltávolítjuk az „új” kulcsszót, akkor az alábbiak szerint hibát mutat:

var bajaj = Bike('Bajaj');
console.log(bajaj.name);

/ * TypeError formában jelenik meg: Nem olvasható a meghatározatlan tulajdonság 'name' * /

Mert mivel ezt a Bike () függvényben a globális objektumra helyezzük, a bajaj.name eredménye nincs meghatározva.

Annak érdekében, hogy a Bike () függvényt mindig kivitelezővel meghívjuk, a Bike () funkció indításakor ellenőrizzük az alábbiak szerint:

function Bike(name)(
if( ! (this instanceof Bike)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)

Van egy olyan metaproperty, amelyet úgynevezett „new.target” -nek hívnak, amely lehetővé teszi annak felismerését, hogy egy függvényt egyszerű meghívásként vagy konstruktorként hívnak-e elő.

Itt szerkeszthetjük a Bike () függvényt, amely az alábbiak szerint az new.target metaproperty-t használja

function Bike(name)(
if( ! new.target)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)

3. Az aktuális osztálypéldány visszaadására szolgál

Az osztály kifejezés szintén egy módszer az osztály meghatározására a JavaScript-ben. Megnevezhető vagy névtelen is. Az elnevezett az osztálytestének lokálisja, és t az osztály tulajdonságai alapján lehet beolvasni.

/ * példa névtelen osztály kifejezésre * /

let Mobile = class (
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name); //Output: Mobile

/ * példa egy megnevezett osztály kifejezésre * /

let Mobile = class Mobile2(
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name);

Kimenet: Mobile2

4. Módszerparaméterként használható

Ha egy objektum módszerét hívunk, akkor a JavaScript ezt az objektumot adja, amely a módszer tulajdonosa.

Példa:

var Bike = (
name: 'Pulsar',
getName: function()(
return this.name;
)
)
console.log(bike.getName()); /*Pulsar*/

Itt a getName () módszer egy kerékpáros objektumra utal.

Következtetés

A „ez” kulcsszó a JavaScript-ben egy hatékony eszköz, amely általában segít a fejlesztőknek a tulajdonságok utalásában meghatározott összefüggésekben, de időnként meglehetősen trükkös is lehet, ha a különböző szintű alkalmazási területeken alkalmazzák. Az 'ennek' értéke kifejezetten beállítható a hívás (), kötés () és alkalmazás () segítségével is. Az 'ennek' értékét általában a függvény végrehajtási környezete határozza meg. A nyílfunkciók általában nem kötik az „ezt”, és ehelyett a „ezt” lexikailag kötik.

Ajánlott cikkek

Ez egy útmutató erre a "kulcsszóra" a JavaScript-ben. Itt tárgyaljuk a fontosságot és az „ez” kulcsszó használatának JavaScriptét, valamint a példát. A következő cikket is megnézheti.

  1. Beágyazás a JavaScript-be
  2. Beszúrás Rendezés a JavaScript-ben
  3. Palindrome a JavaScript-ben
  4. JavaScript fordító
  5. ez a kulcsszó java | Példák erre a kulcsszóra
  6. A Java példányszabályai a példával