Co je to „toto“ klíčové slovo v JavaScriptu?
Protože víme, že Objects jsou základní stavební bloky v JavaScriptu, existuje speciální objekt, který se také nazývá 'tento' objekt a hodnotu 'this' lze vidět v každém řádku provádění JavaScriptu, o kterém se opět rozhodne na základě toho, jak je kód popraven. V tomto tématu se do JavaScriptu seznámíme s „tímto“ klíčovým slovem.
Význam „tohoto“ klíčového slova v JavaScriptu
- 'Tento' objekt v JavaScriptu má mnoho důležitých rolí a použití. Primárně se používá k označení instance objektu z jeho vlastní metody nebo konstruktoru. Spolu s polohováním lze „this“ také použít pro sledování provádění kontextu, které je založeno na tom, kde je funkce volána.
- Další funkcí funkce „this“ v JavaScriptu je to, že se může změnit odkaz na kontext provádění. A konečně, odkaz na prováděcí kontext může být také vytvořen, když je odkazován na funkci zpětného volání, i když je funkce definována uvnitř objektu konstruktoru.
Proč používat „toto“ klíčové slovo v JavaScriptu?
- V JavaScriptu se „toto“ klíčové slovo používá v mnoha kontextech k co nejlepšímu využití kontextů. V zásadě se „toto“ klíčové slovo používá k odkazu na nějaký objekt nebo funkci v JavaScriptu. Stejně jako samotné slovo (toto) můžeme pochopit, že to odkazuje na něco. Abychom to „praktickému“ lépe pochopili, můžeme uvažovat o příkladu, který pan X hrál na kriketu a vyhrál hru.
- Takže zde místo opětovného použití pana X jsme použili „he“, který odkazuje pouze na pana X. Pomáhá nám to, abychom to stejné znovu a znovu nezmínili. Stejně tak v JavaScriptu můžeme použít 'tuto' funkci nebo objekt k odkazu na jinou funkci nebo objekt s vyvoláním hodnoty v této funkci nebo objektu. Obvykle se „toto“ používá uvnitř funkce nebo metody, ale lze ji použít i mimo funkci (v rámci globálního rozsahu).
Jak používat toto „klíčové slovo“?
- Protože víme, že JavaScript je skriptovací jazyk, takže není třeba kompilace kódů, provádí se za běhu. Může být proveden přímo tlumočníkem, řádek po řádku. A prostředí nebo rozsah, ve kterém se provádějí kódy JavaScript, se nazývá „kontext provádění“.
- Běhové prostředí JavaScriptu udržuje hromadu spouštěcích kontextů a udržuje aktuální zásobník nahoře. Objekt, kterému se říká „toto“, se změní pokaždé, když se změní prováděcí kontext.
- Jednoduše můžeme předpokládat, že když je funkce vytvořena současně, vytvoří se také klíčové slovo „this“ (za scénou), které odkazuje na objekt, kde funkce funguje. Klíčové slovo „toto“ funguje v JavaScriptu jinak než v jiných programovacích jazycích.
Má různé hodnoty v závislosti na tom, kde je používáme, například:
- 'this' odkazuje na objekt vlastníka v metodě.
- „toto“ odkazuje na globální objekt v samotné situaci.
- 'toto' odkazuje na globální objekty také v jednoduché funkci.
- „toto“ označuje prvek v události, který událost obdrží.
- 'this' je nedefinováno ve funkci přísného režimu.
1. Používá se s polem
Příklad : Níže, 'this' odkazuje na objekt nazvaný osoba. A tato osoba je vlastníkem metody fullName.
var employee = (
firstName: “Raju”,
lastName: “Chaudhury”,
id: 123
fullName: function() (
return this.firstName + “ ” + this.lastName;
)
)
Stručný příklad pole formuláře:
check to alert this object name
Zadejte své jméno a zaškrtněte níže uvedenou možnost rádia, abyste svůj vstup upozornili
Zaškrtnutím této možnosti upozorníte na zadání textového pole
Při otevírání formuláře si všimněte obsluhy událostí při odeslání a zobrazí se akce provedené po kliknutí na tlačítko Odeslat
2. Používá se k vyvolání konstruktoru
Obvykle, když použijeme klíčové slovo „nové“ k vytvoření instance pro funkční objekt, použijeme tuto funkci jako konstruktor.
V níže uvedeném příkladu deklarujeme funkci Bike a poté ji vyvoláme jako konstruktor:
function Bike(name)(
this.name = name;
)
Bike.prototype.getName = function()(
return this.name;
)
var bike = new Bike('Pulsar');
console.log(bike.getName());
Ve výše uvedeném příkladu je nový Bike („Pulsar“) konstruktérem funkce Bike. Zde JavaScript vytvoří nový objekt a vloží „toto“ klíčové slovo do nově vytvořeného objektu. Nyní můžeme vyvolat Bike () jako funkci nebo jako konstruktor. V případě, že odstraníme „nové“ klíčové slovo, zobrazí se níže uvedená chyba:
var bajaj = Bike('Bajaj');
console.log(bajaj.name);
/ * Zobrazí se jako TypeError: Nelze číst vlastnost 'name' undefined * /
Protože je tato funkce ve funkci Bike () vložena do globálního objektu, výsledky bajaj.name nedefinují.
Aby funkce Bike () byla vždy vyvolána pomocí konstruktoru, zkontrolujeme na začátku funkce Bike () níže:
function Bike(name)(
if( ! (this instanceof Bike)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
Existuje metaproperty známé jako „new.target“, která umožňuje detekovat, zda je funkce vyvolána jako jednoduché vyvolání nebo konstruktor.
Zde můžeme upravit funkci Bike (), která používá metaproperty new.target, jak je uvedeno níže
function Bike(name)(
if( ! new.target)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
3. Používá se k vrácení aktuální instance třídy
Výraz třídy je také způsob, jak definovat třídu v JavaScriptu. Může být také pojmenován nebo pojmenován. Pojmenovaná je lokální k jejímu tělu třídy a t lze získat pomocí vlastností třídy.
/ * příklad pro nepojmenovaný výraz třídy * /
let Mobile = class (
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name); //Output: Mobile
/ * příklad pojmenovaného výrazu třídy * /
let Mobile = class Mobile2(
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name);
Výstup: Mobile2
4. Používá se jako parametr metody
Když voláme metodu objektu, JavaScript vloží „toto“ do objektu, který vlastní metodu.
Příklad:
var Bike = (
name: 'Pulsar',
getName: function()(
return this.name;
)
)
console.log(bike.getName()); /*Pulsar*/
Zde se tato metoda getName () vztahuje na objekt kola.
Závěr
Klíčové slovo „toto“ v JavaScriptu je výkonný nástroj, který vývojářům obvykle pomáhá odkazovat vlastnosti ve specifických kontextech, ale občas to může být také docela složité, když se aplikují prostřednictvím různých úrovní rozsahu. Hodnota 'this' může být také explicitně nastavena pomocí call (), bind () a apply (). Hodnota „this“ je obvykle určena kontextem provádění funkce. Funkce šipek obvykle „nevazují“ a namísto toho je „toto“ vázáno lexikálně.
Doporučené články
Toto je průvodce „tímto“ klíčovým slovem v JavaScriptu. Zde diskutujeme důležitost a způsob použití „tohoto“ klíčového slova v JavaScriptu spolu s příkladem. Můžete se také podívat na následující článek.
- Zapouzdření do JavaScriptu
- Vložení Seřadit v JavaScriptu
- Palindrom v JavaScriptu
- Kompilátory JavaScriptu
- toto klíčové slovo v javě | Příklady tohoto klíčového slova
- Pravidla instanceOf v Javě s příkladem