Један од најизазовнијих и најчешће коришћених концепата у ЈаваСцрипт-у је „ ово ” кључна реч. ЈаваСцрипт користи „ ово ” кључна реч другачије од других језика. Међутим, неопходно је за креирање напреднијег ЈаваСцрипт кода. Као почетнику, могло би вам бити тешко да разумете употребу поменуте кључне речи, али без бриге!
Овај пост ће објаснити „ ово ” кључна реч и њена употреба у ЈаваСцрипт-у.
Шта је „ово“ у ЈаваСцрипт-у?
“ ово ” је кључна реч у ЈаваСцрипт-у која се односи на објекат који извршава постојећи блок кода. Представља објекат који позива тренутну функцију. Користи се у више сценарија на различите начине, као што су:
-
- У методи
- У руковању догађајима
- У функцијама
Хајде да проверимо сваку од поменутих употреба једну по једну!
Како користити „ово“ у ЈаваСцрипт методама?
“ ово ” се користи у ЈаваСцрипт методама као имплицитно везивање. Када се функција позове уз помоћ објекта и тачке, сматра се имплицитним везивањем, а „ ово ” указује на објекат током позива функције.
Пример
Прво ћемо креирати објекат са неким својствима и методом, а затим ћемо користити „ ово ” кључна реч да бисте добили вредности својстава објекта:
вар персонИнфо = {
име: 'Јован' ,
старост: двадесет ,
инфо: функција ( ) {
цонсоле.лог ( 'Хеј! ја сам' + ово.име + ' и ја сам ' + тхис.аге + ' година стар' ) ;
}
}
Затим позовите „ инфо() ” заједно са именом објекта:
Може се видети да су наведене вредности својстава тренутног објекта успешно приказане:
Ако желите да користите „ ово ” у руковању догађајима, пратите одељак у наставку.
Како користити „ово“ у ЈаваСцрипт руковању догађајима?
У овом примеру погледајте употребу „ ово ” кључна реч у руковању догађајима. За ово, размотрите пример у којем ћемо сакрити наше дугме једним кликом. Да бисте то урадили, креирајте дугме и приложите „ онцлицк() ” догађај са њим да бисте приступили својству стиле.дисплаи са „ ово ” кључна реч која ће сакрити дугме када се кликне:
< х3 > Кликните да бисте сакрили дугме х3 >< дугме онцлицк = 'тхис.стиле.дисплаи='ноне'' > Кликните овде ! дугме >
Излаз
Ако сте збуњени употребом „ ово ” кључну реч у кориснички дефинисаним функцијама у ЈаваСцрипт-у, пратите дати одељак.
Како користити „ово“ у ЈаваСцрипт функцијама?
Док користите „ ово ” у функцијама, постоје три типа везивања у ЈаваСцрипт-у, укључујући:
-
- Подразумевано везивање
- Имплицитно везивање
- Експлицитно везивање
Хајде да их разумемо појединачно!
Пример 1: Употреба ове кључне речи у подразумеваном повезивању
У подразумеваном повезивању, „ ово ” кључна реч делује као глобални објекат. Углавном се користи у самосталним функцијама.
Хајде да разумемо наведени концепт на примеру.
Прво ћемо креирати променљиву „ Икс “ и доделите му вредност “ петнаест ”:
вар к = петнаест ;
Затим дефинишите функцију под називом „ фунцтионДБ() ” и његову дефиницију функције, креирајте променљиву са истим именом “ Икс “ и доделите му вредност “ 5 “, затим одштампајте његову вредност користећи „ цонсоле.лог() ” метод са “ ово ” кључна реч:
вар к = 5 ;
цонсоле.лог ( тхис.к ) ;
}
На крају, позовите „ фунцтионДБ() ” функција:
Због употребе „ ово ” кључну реч, излаз приказује вредност „ Икс ' као ' петнаест ” јер делује као глобални објекат и процес се зове „ Динамиц Биндинг ”:
Пример 2: Употреба ове кључне речи у имплицитном везивању
Када је функција позвана објектом или симболом тачке, „ ово ” кључна реч делује као имплицитно везивање. Он указује на објекат током позива функције.
У овом примеру ћемо дефинисати функцију „ инфо() ” и користите „ ово ” кључна реч у дефиницији функције:
функција инфо ( ) {цонсоле.лог ( 'Хеј! ја сам' + ово.име + ' и ја сам ' + тхис.аге + ' година стар' )
}
Затим креирајте објекат под називом „ персонИнфо ” са дефинисаним својствима:
име: 'Јован' ,
старост: двадесет ,
инфо: инфо
}
Сада позовите функцију уз објекат:
Излаз
Пример 3: Употреба ове кључне речи у експлицитном везивању
Експлицитно везивање се такође назива „ тврд повез ” јер је функција присилно позвана да користи одређени објекат за „ ово ” везивање, без стављања референце функције својства на објекат. У ту сврху могу се користити методе цалл(), аппли() и бинд().
Сада ћемо користити исту функцију под називом „ инфо() ” дефинисано у претходном примеру. Затим креирајте објекат под називом „ персонИнфо ” са следећим вредностима:
вар персонИнфо = {име: 'Јован' ,
старост: двадесет
}
За позивање функције под називом „ инфо() “, користићемо „ позив() ” и проследите креирани објекат као аргумент:
Пошто инфо() није део објекта, још увек смо му експлицитно приступили:
За експлицитно позивање функције, такође можете користити методе аппли() и бинд(). Метода аппли() је идентична методи цалл(), док метода бинд() креира нову функцију са истим телом и опсегом који се понаша на исти начин као оригинална функција. Метод бинд() се може користити за враћање функције коју можете користити касније.
За позивање инфо() методом аппли() користите следећу изјаву:
инфо.аппли ( персонИнфо ) ;
Даје исти излаз као цалл() метода даје:
За позивање „ инфо() ' са ' бинд() ” користите дату изјаву:
Излаз
Сакупили смо све битне информације везане за „ ово ” кључна реч.
Закључак
“ ово ” је кључна реч у ЈаваСцрипт-у која се односи на објекат који извршава постојећи блок кода. Представља објекат који позива тренутну функцију. Користи се у више сценарија на различите начине, укључујући методе, руковање догађајима и функције. У овом посту смо објаснили „ ово ” кључна реч у ЈаваСцрипт-у.