Една от най-предизвикателните и често използвани концепции в JavaScript е „ това ” ключова дума. JavaScript използва „ това ” различна от другите езици. Въпреки това е от съществено значение за създаването на по-усъвършенстван JavaScript код. Като начинаещ може да ви е някак трудно да разберете употребата на споменатата ключова дума, но не се притеснявайте!
Тази публикация ще обясни „ това ” ключова дума и нейното използване в JavaScript.
Какво е „това“ в JavaScript?
“ това ” е ключовата дума в JavaScript, която се отнася до обект, който изпълнява съществуващия блок код. Той представлява обект, който извиква текущата функция. Използва се в множество сценарии по различни начини, като например:
-
- В метод
- При обработка на събития
- Във функциите
Нека проверим всяка от споменатите употреби една по една!
Как да използваме „това“ в JavaScript методи?
“ това ” се използва в методите на JavaScript като имплицитно свързване. Когато функцията се извиква с помощта на обект и точка, това се счита за имплицитно обвързване и „ това ” посочва обекта по време на извикването на функцията.
Пример
Първо ще създадем обект с някои свойства и метод и след това ще използваме „ това ”, за да получите стойностите на свойствата на обекта:
var personInfo = {
име: 'Джон' ,
възраст: двадесет ,
информация: функция ( ) {
console.log ( „Хей! Аз съм“ + това.име + 'и аз съм' + тази.възраст + 'на години' ) ;
}
}
След това се обадете на „ инфо() ” заедно с името на обекта:
Може да се види, че зададените стойности на свойства на текущия обект са показани успешно:
Ако искате да използвате „ това ” при обработка на събития, следвайте раздела по-долу.
Как да използваме „това“ в обработката на събития в JavaScript?
В този пример проверете използването на „ това ” ключова дума при обработката на събития. За целта разгледайте пример, в който ще скрием нашия бутон с едно кликване. За да направите това, създайте бутон и прикачете „ onclick() ” събитие с него за достъп до свойството style.display с „ това ” ключова дума, която ще скрие бутона при щракване:
< h3 > Щракнете, за да скриете бутона h3 >< бутон onclick = 'this.style.display='няма'' > Натисни тук ! бутон >
Изход
Ако сте объркани относно използването на „ това ” в потребителски дефинирани функции в JavaScript, следвайте дадения раздел.
Как да използваме „това“ във функциите на JavaScript?
Докато използвате „ това ” във функциите има три типа свързвания в JavaScript, включително:
-
- Обвързване по подразбиране
- Неявно обвързване
- Изрично обвързване
Нека ги разберем поотделно!
Пример 1: Използване на тази ключова дума в обвързване по подразбиране
При обвързване по подразбиране „ това ” ключова дума действа като глобален обект. Използва се предимно в самостоятелни функции.
Нека разберем посочената концепция с пример.
Първо ще създадем променлива ' х ' и му присвоете стойността ' петнадесет ”:
var x = петнадесет ;
След това дефинирайте функция с име ' функцияDB() ” и неговата дефиниция на функция, създайте променлива със същото име „ х ' и му присвоете стойност ' 5 “, след това отпечатайте стойността му с помощта на „ console.log() ' метод с ' това ” ключова дума:
var x = 5 ;
console.log ( това.x ) ;
}
И накрая, обадете се на „ функцияDB() ” функция:
Поради използването на „ това ”, изходът показва стойността на „ х ' като ' петнадесет ”, защото действа като глобален обект и процесът се нарича „ Динамично обвързване ”:
Пример 2: Използване на тази ключова дума в имплицитно обвързване
Когато функцията се извиква от обект или символ на точка, „ това ” ключовата дума действа като имплицитно обвързване. Посочва обекта по време на извикването на функцията.
В този пример ще дефинираме функция ' инфо() ” и използвайте „ това ” ключова дума в дефиницията на функцията:
функция инфо ( ) {console.log ( „Хей! Аз съм“ + това.име + 'и аз съм' + тази.възраст + 'на години' )
}
След това създайте обект с име ' personInfo ” с определени свойства:
име: 'Джон' ,
възраст: двадесет ,
инфо: инфо
}
Сега извикайте функцията покрай обекта:
Изход
Пример 3: Използване на тази ключова дума в изрично обвързване
Изричното обвързване също се нарича „ твърда подвързия ”, тъй като функцията е принудително извикана, за да използва определен обект за „ това ” обвързване, без да се поставя препратка към функция на свойство към обекта. За тази цел могат да се използват методите call(), apply() и bind().
Сега ще използваме същата функция, наречена „ инфо() ”, дефиниран в предишния пример. След това създайте обект с име ' personInfo ” със следните стойности:
var personInfo = {име: 'Джон' ,
възраст: двадесет
}
За извикване на функцията с име „ инфо() “, ще използваме „ повикване() ” и му предайте създадения обект като аргумент:
Тъй като info() не е част от обекта, ние все пак имаме изричен достъп до него:
За изрично извикване на функция можете също да използвате методите apply() и bind(). Методът apply() е идентичен с метода call(), докато методът bind() създава нова функция със същото тяло и обхват, която се държи по същия начин като оригиналната функция. Методът bind() може да се използва за връщане на функция, която можете да използвате по-късно.
За извикване на info() с метода apply() използвайте следния оператор:
инфо.кандидатствай ( personInfo ) ;
Той дава същия изход като метода call():
За обаждането ' инфо() ” с „ свързване () ”, използвайте дадения оператор:
Изход
Събрахме цялата съществена информация, свързана с „ това ” ключова дума.
Заключение
“ това ” е ключовата дума в JavaScript, която се отнася до обект, който изпълнява съществуващия блок код. Той представлява обекта, който извиква текущата функция. Използва се в множество сценарии по различни начини, включително методи, обработка на събития и функции. В тази публикация обяснихме „ това ” ключова дума в JavaScript.