జావాస్క్రిప్ట్‌లో అత్యంత సవాలుగా మరియు తరచుగా ఉపయోగించే భావనలలో ఒకటి ' ఇది ” కీవర్డ్. జావాస్క్రిప్ట్ “ని ఉపయోగిస్తుంది ఇది ” కీవర్డ్ ఇతర భాషల కంటే భిన్నంగా ఉంటుంది. అయినప్పటికీ, మరింత అధునాతన జావాస్క్రిప్ట్ కోడ్‌ని రూపొందించడానికి ఇది చాలా అవసరం. ఒక అనుభవశూన్యుడుగా, పేర్కొన్న కీవర్డ్ వినియోగాన్ని అర్థం చేసుకోవడం మీకు కొంత కష్టంగా ఉంటుంది, కానీ చింతించకండి!
ఈ పోస్ట్ వివరిస్తుంది ' ఇది ” కీవర్డ్ మరియు జావాస్క్రిప్ట్‌లో దాని ఉపయోగం.
జావాస్క్రిప్ట్‌లో “ఇది” అంటే ఏమిటి?
' ఇది ” అనేది జావాస్క్రిప్ట్‌లోని కీవర్డ్, ఇది ఇప్పటికే ఉన్న కోడ్ బ్లాక్‌ను అమలు చేసే వస్తువును సూచిస్తుంది. ఇది ప్రస్తుత ఫంక్షన్‌ను ప్రారంభించే వస్తువును సూచిస్తుంది. ఇది వివిధ మార్గాల్లో బహుళ దృశ్యాలలో ఉపయోగించబడుతుంది, అవి:
-
- పద్ధతిలో
- ఈవెంట్ నిర్వహణలో
- ఫంక్షన్లలో
పేర్కొన్న ప్రతి ఉపయోగాలను ఒక్కొక్కటిగా చూద్దాం!
జావాస్క్రిప్ట్ మెథడ్స్‌లో 'ఇది' ఎలా ఉపయోగించాలి?
' ఇది ” జావాస్క్రిప్ట్ పద్ధతులలో అవ్యక్త బైండింగ్‌గా ఉపయోగించబడుతుంది. ఒక వస్తువు మరియు చుక్క సహాయంతో ఫంక్షన్‌ని పిలిచినప్పుడు, అది అవ్యక్త బైండింగ్‌గా పరిగణించబడుతుంది మరియు “ ఇది ” ఫంక్షన్ కాల్ సమయంలో వస్తువును ఎత్తి చూపుతుంది.
ఉదాహరణ
మొదట, మేము కొన్ని లక్షణాలు మరియు పద్ధతితో ఒక వస్తువును సృష్టిస్తాము మరియు ఆపై ' ఇది ”ఆబ్జెక్ట్ యొక్క లక్షణాల విలువలను పొందడానికి కీవర్డ్:
var వ్యక్తి సమాచారం = {
పేరు: 'జాన్' ,
వయస్సు: ఇరవై ,
సమాచారం: ఫంక్షన్ ( ) {
console.log ( 'హాయ్! నేను' + this.name + 'మరియు నేను' + ఈ వయస్సు + ' ఏళ్ళ వయసు' ) ;
}
}
తరువాత, కాల్ చేయండి ' సమాచారం () ఆబ్జెక్ట్ పేరుతో పాటు ” పద్ధతి:
ప్రస్తుత వస్తువు యొక్క పేర్కొన్న ఆస్తి విలువలు విజయవంతంగా ప్రదర్శించబడుతున్నాయని చూడవచ్చు:
మీరు ఉపయోగించాలనుకుంటే ' ఇది ” ఈవెంట్ హ్యాండ్లింగ్‌లో, క్రింది విభాగాన్ని అనుసరించండి.
జావాస్క్రిప్ట్ ఈవెంట్ హ్యాండ్లింగ్‌లో “ఇది” ఎలా ఉపయోగించాలి?
ఈ ఉదాహరణలో, '' యొక్క ఉపయోగాన్ని చూడండి. ఇది ” ఈవెంట్ హ్యాండ్లింగ్‌లో కీవర్డ్. దీని కోసం, ఒకే క్లిక్‌తో మన బటన్‌ను దాచే ఉదాహరణను పరిగణించండి. అలా చేయడానికి, ఒక బటన్‌ను సృష్టించి, ''ని జోడించు onclick() ” దానితో ఈవెంట్ స్టైల్‌ని యాక్సెస్ చేయడానికి. డిస్‌ప్లే ప్రాపర్టీని “తో ఇది ” కీవర్డ్ క్లిక్ చేసినప్పుడు బటన్‌ను దాచిపెడుతుంది:
< h3 > బటన్‌ను దాచడానికి క్లిక్ చేయండి h3 >< బటన్ క్లిక్ చేయండి = 'this.style.display='none'' > ఇక్కడ నొక్కండి ! బటన్ >
అవుట్పుట్
మీరు 'ని ఉపయోగించడం గురించి గందరగోళంగా ఉంటే ఇది ”జావాస్క్రిప్ట్‌లో వినియోగదారు నిర్వచించిన ఫంక్షన్లలో కీవర్డ్, ఇచ్చిన విభాగాన్ని అనుసరించండి.
జావాస్క్రిప్ట్ ఫంక్షన్లలో 'ఇది' ఎలా ఉపయోగించాలి?
ఉపయోగిస్తున్నప్పుడు ' ఇది ” ఫంక్షన్లలో, జావాస్క్రిప్ట్‌లో మూడు రకాల బైండింగ్‌లు ఉన్నాయి, వాటితో సహా:
-
- డిఫాల్ట్ బైండింగ్
- అవ్యక్త బైండింగ్
- స్పష్టమైన బైండింగ్
వాటిని ఒక్కొక్కటిగా అర్థం చేసుకుందాం!
ఉదాహరణ 1: డిఫాల్ట్ బైండింగ్‌లో ఈ కీవర్డ్‌ని ఉపయోగించడం
డిఫాల్ట్ బైండింగ్‌లో, ' ఇది ”కీవర్డ్ గ్లోబల్ ఆబ్జెక్ట్‌గా పనిచేస్తుంది. ఇది ఎక్కువగా స్వతంత్ర ఫంక్షన్లలో ఉపయోగించబడుతుంది.
ఒక ఉదాహరణతో పేర్కొన్న భావనను అర్థం చేసుకుందాం.
మొదట, మేము ఒక వేరియబుల్ సృష్టిస్తాము ' x 'మరియు దానికి విలువను కేటాయించండి' పదిహేను ”:
var x = పదిహేను ;
అప్పుడు, '' అనే ఫంక్షన్‌ను నిర్వచించండి ఫంక్షన్DB() ” మరియు దాని ఫంక్షన్ నిర్వచనం, అదే పేరుతో వేరియబుల్‌ను సృష్టించండి “ x 'మరియు దానికి ఒక విలువను కేటాయించండి' 5 ', ఆపై, దాని విలువను ' ఉపయోగించి ప్రింట్ చేయండి console.log() 'తో పద్ధతి' ఇది ”కీవర్డ్:
var x = 5 ;
console.log ( ఈ.x ) ;
}
చివరగా, కాల్ చేయండి ' ఫంక్షన్DB() 'ఫంక్షన్:
ఉపయోగం కారణంగా ' ఇది 'కీవర్డ్, అవుట్పుట్ ' విలువను ప్రదర్శిస్తుంది x 'వలే' పదిహేను 'ఎందుకంటే ఇది ప్రపంచ వస్తువుగా పనిచేస్తుంది మరియు ప్రక్రియను అంటారు' డైనమిక్ బైండింగ్ ”:
ఉదాహరణ 2: ఇంప్లిసిట్ బైండింగ్‌లో ఈ కీవర్డ్‌ని ఉపయోగించడం
ఫంక్షన్‌ని ఆబ్జెక్ట్ లేదా డాట్ సింబల్ ద్వారా పిలిచినప్పుడు, “ ఇది ” కీవర్డ్ అవ్యక్త బైండింగ్‌గా పనిచేస్తుంది. ఇది ఫంక్షన్ కాల్ సమయంలో వస్తువును సూచిస్తుంది.
ఈ ఉదాహరణలో, మేము ఒక ఫంక్షన్‌ను నిర్వచిస్తాము ' సమాచారం () 'మరియు' ఉపయోగించండి ఇది ఫంక్షన్ నిర్వచనంలో కీవర్డ్:
ఫంక్షన్ సమాచారం ( ) {console.log ( 'హాయ్! నేను' + this.name + 'మరియు నేను' + ఈ వయస్సు + ' ఏళ్ళ వయసు' )
}
అప్పుడు, '' పేరుతో ఒక వస్తువును సృష్టించండి వ్యక్తి సమాచారం 'నిర్వచించిన లక్షణాలతో:
పేరు: 'జాన్' ,
వయస్సు: ఇరవై ,
సమాచారం: సమాచారం
}
ఇప్పుడు, ఆబ్జెక్ట్‌తో పాటు ఫంక్షన్‌ని కాల్ చేయండి:
అవుట్పుట్
ఉదాహరణ 3: స్పష్టమైన బైండింగ్‌లో ఈ కీవర్డ్‌ని ఉపయోగించడం
స్పష్టమైన బైండింగ్‌ని కూడా అంటారు ' హార్డ్ బైండింగ్ 'ఎందుకంటే ఒక నిర్దిష్ట వస్తువును ఉపయోగించేందుకు ఫంక్షన్ బలవంతంగా పిలువబడుతుంది' ఇది ” బైండింగ్, ఆబ్జెక్ట్‌పై ప్రాపర్టీ ఫంక్షన్ రిఫరెన్స్ పెట్టకుండా. ఈ ప్రయోజనం కోసం, కాల్(), దరఖాస్తు() మరియు బైండ్() పద్ధతులను ఉపయోగించవచ్చు.
మేము ఇప్పుడు అదే ఫంక్షన్‌ని ఉపయోగిస్తాము ' సమాచారం () ” మునుపటి ఉదాహరణలో నిర్వచించబడింది. అప్పుడు, '' అనే వస్తువును సృష్టించండి వ్యక్తి సమాచారం 'క్రింది విలువలతో:
var వ్యక్తి సమాచారం = {పేరు: 'జాన్' ,
వయస్సు: ఇరవై
}
' అనే ఫంక్షన్‌ను ప్రారంభించినందుకు సమాచారం () ', మేము 'ని ఉపయోగిస్తాము కాల్() ” పద్ధతి మరియు సృష్టించిన వస్తువును వాదనగా పంపండి:
సమాచారం() ఆబ్జెక్ట్‌లో భాగం కానందున, మేము దానిని ఇప్పటికీ స్పష్టంగా యాక్సెస్ చేసాము:
ఫంక్షన్‌ని స్పష్టంగా కాల్ చేయడానికి, మీరు అప్లై() మరియు బైండ్() పద్ధతులను కూడా ఉపయోగించవచ్చు. వర్తించు() పద్ధతి కాల్() పద్ధతికి సమానంగా ఉంటుంది, అయితే బైండ్() పద్ధతి అసలు ఫంక్షన్ వలె ప్రవర్తించే అదే శరీరం మరియు స్కోప్‌తో కొత్త ఫంక్షన్‌ను సృష్టిస్తుంది. మీరు తర్వాత ఉపయోగించగల ఫంక్షన్‌ను తిరిగి ఇవ్వడానికి బైండ్() పద్ధతిని ఉపయోగించవచ్చు.
దరఖాస్తు() పద్ధతితో సమాచారం()ని కాల్ చేయడం కోసం, కింది స్టేట్‌మెంట్‌ను ఉపయోగించండి:
info.apply ( వ్యక్తి సమాచారం ) ;
ఇది కాల్() పద్ధతి ఇచ్చే అవుట్‌పుట్‌నే ఇస్తుంది:
కాల్ చేయడం కోసం ' సమాచారం () 'తో' బైండ్() ” పద్ధతి, ఇచ్చిన స్టేట్‌మెంట్‌ని ఉపయోగించండి:
అవుట్పుట్
దీనికి సంబంధించిన అన్ని అవసరమైన సమాచారాన్ని మేము సంకలనం చేసాము ' ఇది ” కీవర్డ్.
ముగింపు
' ఇది ” అనేది జావాస్క్రిప్ట్‌లోని కీవర్డ్, ఇది ఇప్పటికే ఉన్న కోడ్ బ్లాక్‌ను అమలు చేసే వస్తువును సూచిస్తుంది. ఇది ప్రస్తుత ఫంక్షన్‌ను ప్రారంభించే వస్తువును సూచిస్తుంది. ఇది పద్ధతులు, ఈవెంట్ హ్యాండ్లింగ్ మరియు ఫంక్షన్‌లతో సహా వివిధ మార్గాల్లో బహుళ దృశ్యాలలో ఉపయోగించబడుతుంది. ఈ పోస్ట్‌లో, మేము వివరించాము ' ఇది ”జావాస్క్రిప్ట్‌లో కీవర్డ్.