Какво е „тази“ ключова дума в JavaScript?
Тъй като знаем, че Обектите са основните градивни елементи в JavaScript, има специален обект, наречен "този" обект и стойността на "това" може да се види във всеки ред на изпълнение на JavaScript, който отново се решава въз основа на това как е кодът се изпълнява. В тази тема ще научим за „тази“ ключова дума в JavaScript.
Значение на "тази" ключова дума в JavaScript
- Обектът "този" в JavaScript има много важни роли и приложения. Използва се предимно за посочване на екземпляр на обект от неговия собствен метод или конструктор. Наред с посочването, „това“ може да се използва и за проследяване на изпълнението на контекста, което се основава на мястото, където се извиква функцията.
- Следващото нещо за функцията „тази“ в JavaScript е, че връзката към контекста на изпълнение може да се промени. И последно, връзката към контекста на изпълнение може да бъде установена и когато е насочена от функция за обратно извикване, въпреки че функцията е дефинирана вътре в обекта на конструктора.
Защо да използвате „тази“ ключова дума в JavaScript?
- В JavaScript ключовата дума "тази" се използва в много контексти, за да се използва най-добре контекстите. По принцип, тази ключова дума се използва за означаване на някакъв обект или функция в JavaScript. Както от самата дума (това) можем да разберем, че се отнася до нещо. За да разберем „това“ по-добре по практичен начин, можем да разгледаме пример, г-н X изигра крикет и той спечели играта.
- И така, тук, вместо да използваме отново г-н X, използвахме „той“, който се отнася само за г-н X. Помага ни да не споменаваме едно и също нещо отново и отново. По същия начин и в JavaScript можем да използваме функция „този“ или обект, за да препратим някаква друга функция или обект със стойността, извикваща се в тази функция или обект. Обикновено „това“ се използва вътре във функция или метод, но може да се използва и извън функцията (в глобален обхват).
Как да използвате „тази“ ключова дума?
- Тъй като знаем, че JavaScript е скриптов език, така че няма нужда от компилация на кодовете, той се изпълнява по време на изпълнение. Може да се изпълни директно от Преводача, ред по ред. А средата или обхвата, в които се изпълняват JavaScript кодовете, се нарича „Контекст на изпълнение“.
- Изпълнението на JavaScript поддържа стек от Контексти на изпълнение и поддържа текущия стек отгоре. Обектът, посочен с „това“, се променя всеки път, когато се променя контекста на изпълнение.
- Просто можем да приемем, че когато едновременно се създаде функция, се създава и ключова дума „това“ (зад сцената), която се свързва към обекта, където функцията работи. Ключовата дума „това“ работи по различен начин в JavaScript от другите езици за програмиране.
Той има различни стойности в зависимост от това къде го използваме, например:
- „това“ се отнася до обекта собственик в метод.
- „това“ се отнася до глобалния обект в ситуацията сама.
- „това“ се отнася и до глобалните обекти в проста функция.
- „това“ се отнася до елемент в събитие, което получава събитието.
- „това“ е неопределено при функция на строг режим.
1. Използва се с поле
Пример : По-долу „това“ се отнася до обект, наречен човек. И човекът е собственик на метода fullName.
var employee = (
firstName: “Raju”,
lastName: “Chaudhury”,
id: 123
fullName: function() (
return this.firstName + “ ” + this.lastName;
)
)
Кратък пример за поле на формуляр:
check to alert this object name
Поставете име и проверете по-долу радио опцията, за да предупредите влизането си
Проверете това, за да предупредите въвеждане на текстово поле
Забележете onsubmit обработващия събитие, докато отваряте формуляра, за да видите действието, предприето при натискане на бутона за изпращане
2. Използва се за извикване на конструктор
Обикновено, когато използваме ключовата дума „new“, за да създадем екземпляр за функционален обект, ние използваме функцията като конструктор.
В примера по-долу ние декларираме Bike функция и след това я извикваме като конструктор:
function Bike(name)(
this.name = name;
)
Bike.prototype.getName = function()(
return this.name;
)
var bike = new Bike('Pulsar');
console.log(bike.getName());
В горния пример новият Bike ("Pulsar") е конструктор на Bike функция. Тук JavaScript създава нов обект и поставя ключова дума „тази“ на новосъздадения обект. И така, сега можем да извикаме Bike () като функция или като конструктор. Тук, в случай че премахнем ключова дума „нова“, тя ще покаже грешка, както е посочено по-долу:
var bajaj = Bike('Bajaj');
console.log(bajaj.name);
/ * Ще се покаже като TypeError: Не може да се чете свойството 'name' на undefined * /
Това е така, защото тази функция в Bike () е поставена на глобалния обект, bajaj.name резултатите не са определени.
За да направим функцията Bike () винаги да се извиква с помощта на конструктор, проверяваме при старта на Bike () функцията, както е посочено по-долу:
function Bike(name)(
if( ! (this instanceof Bike)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
Има мета-собственост, известна като „new.target“, която позволява да се открие дали дадена функция е извикана като обикновено извикване или конструктор.
Тук можем да редактираме Bike () функцията, която използва new.target metaproperty, както е посочено по-долу
function Bike(name)(
if( ! new.target)(
throw Error(“We should use new operator to call a function”);
)
this.name = name;
)
3. Използва се за връщане на текущия екземпляр от клас
Изразът на клас също е начин за дефиниране на клас в JavaScript. Той може да бъде назован или неназован. Имената е локална за нейното тяло на класа и t може да бъде извлечена от свойствата на класа.
/ * пример за неназован израз на клас * /
let Mobile = class (
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name); //Output: Mobile
/ * пример за посочен израз на клас * /
let Mobile = class Mobile2(
constructor(cost, weight)(
this.cost = cost;
this.weight = weight;
)
);
console.log(Mobile.name);
Изход: Mobile2
4. Използва се като параметър на метода
Когато извикаме метод на обект, тогава JavaScript поставя „това“ на обекта, който е собственик на метода.
Пример:
var Bike = (
name: 'Pulsar',
getName: function()(
return this.name;
)
)
console.log(bike.getName()); /*Pulsar*/
Тук този метод на getName () се отнася до мотоциклет.
заключение
Ключовата дума „това“ в JavaScript е мощен инструмент, който обикновено помага на разработчиците да препращат свойствата в конкретен контекст, но понякога може да е доста сложен и когато се прилага чрез различни нива на обхват. Стойността на „това“ може също да бъде изрично зададена с call (), bind () и също да се прилага (). Обикновено стойността на „това“ се определя от контекста на изпълнение на функцията. Функциите със стрелки обикновено не обвързват „това“ и вместо това „това“ е обвързано лексикално.
Препоръчителни статии
Това е ръководство за „тази“ ключова дума в JavaScript. Тук обсъждаме значението и как да използваме „тази“ ключова дума в JavaScript, заедно с примера. Можете също да разгледате следната статия.
- Капсулиране в JavaScript
- Сортиране на вмъкване в JavaScript
- Палиндром в JavaScript
- JavaScript Компилатори
- тази ключова дума в java | Примери за тази ключова дума
- Правила на instanceOf в Java с пример