Using var in JavaScript
JavaScript లో var ఉపయోగించడం
var అనేది JavaScript లో variable declare చేయడానికి ఉపయోగించే keyword. Variable అంటే data ను store చేయడానికి ఉపయోగించే ఒక పేరు ఉన్న container లాంటిది.
var తో create చేసిన variable value ను తరువాత మార్చవచ్చు. ఉదాహరణకు, var age = 20; తరువాత age = 21; అని value update చేయవచ్చు.
var యొక్క ముఖ్య లక్షణాలు
- var తో variable declare చేసి value assign చేయవచ్చు.
- ఒకే scope లో అదే variable ను మళ్లీ declare చేయవచ్చు.
- var function-scoped; ఇది block-scoped కాదు.
- var declarations hoisting వల్ల declaration పై భాగానికి తీసుకెళ్లబడినట్లుగా ప్రవర్తిస్తాయి.
Value మార్చడం
var variable ను declare చేసిన తరువాత దాని value ను మార్చవచ్చు. ఉదాహరణకు, var city = “Hyderabad”; తరువాత city = “Vijayawada”; అని రాయవచ్చు.
var మరియు block scope
if లేదా loop వంటి block లో declare చేసిన var variable సాధారణంగా ఆ block కి మాత్రమే పరిమితం కాదు. అది function scope లో అందుబాటులో ఉండవచ్చు. ఈ కారణంగా modern JavaScript లో సాధారణంగా let లేదా const ను prefer చేస్తారు.
Hoisting
JavaScript execution సమయంలో var declaration పై భాగంలో ఉన్నట్లుగా ప్రవర్తిస్తుంది. అయితే value assignment పైకి వెళ్లదు. అందువల్ల assignment కి ముందు variable ను access చేస్తే సాధారణంగా undefined వస్తుంది. ఈ behavior పై ఆధారపడటం recommended కాదు.
Simple Explanation
var అంటే value పెట్టుకునే variable box. ఆ box లోని value ను తరువాత మార్చవచ్చు. ఉదాహరణకు, var score = 50; తరువాత score = 80; అని రాస్తే score value 80 అవుతుంది.
పాత JavaScript code లో var ఎక్కువగా కనిపిస్తుంది. కొత్త code లో variable value మార్చాల్సి వస్తే సాధారణంగా let, మార్చకపోతే const ఉపయోగించడం మంచి పద్ధతి.
Real-Life Example
ఒక విద్యార్థి notebook లో తన రోజు ఖర్చును నమోదు చేస్తున్నాడని ఊహించండి. మొదట ఖర్చు 100 రూపాయలు అని రాస్తాడు. తరువాత మరో 50 రూపాయలు ఖర్చు చేస్తే మొత్తం value ను update చేస్తాడు. JavaScript లో ఈ మారే value ను var variable లో ఉంచవచ్చు.
అయితే variable పేరు ఒకే విధంగా ఉండాలి మరియు దాని value మారుతుందని స్పష్టంగా ఉండాలి.
Code Examples
var తో variable create చేసి value మార్చడం
var city = "Hyderabad";
console.log(city);
city = "Vijayawada";
console.log(city);మొదటి line లో city అనే variable ను var తో create చేసి Hyderabad value ఇస్తున్నాం. తరువాత అదే variable కి Vijayawada value assign చేస్తున్నాం. అందువల్ల రెండవసారి print చేసినప్పుడు కొత్త value కనిపిస్తుంది.
Hyderabad Vijayawada
var variable ను మళ్లీ declare చేయడం
var score = 50;
var score = 75;
console.log(score);ఒకే scope లో score variable ను రెండుసార్లు declare చేయవచ్చు. రెండవ assignment తరువాత variable లో 75 value ఉంటుంది. ఈ సౌలభ్యం ఉన్నప్పటికీ accidental redeclaration వల్ల bugs రావచ్చు.
75
var declaration మరియు hoisting behavior
console.log(course);
var course = "JavaScript";
console.log(course);మొదటి console.log execution సమయంలో course declaration ఇప్పటికే తెలిసినట్లుగా JavaScript ప్రవర్తిస్తుంది. కానీ value ఇంకా assign కాలేదు కాబట్టి మొదటి output undefined వస్తుంది. తరువాత value assign చేసిన తర్వాత రెండవ output లో JavaScript కనిపిస్తుంది. ఈ behavior ను ఉపయోగించడం కంటే declaration ను ముందుగానే రాయడం మంచిది.
undefined JavaScript
Line-by-Line Explanation
var keyword తో studentName అనే variable create చేసి, దానిలో Anu అనే string value store చేస్తున్నాం.
marks అనే మరో variable create చేసి, దానిలో 85 అనే number value ఉంచుతున్నాం.
studentName variable లో ఉన్న value ను console లో display చేస్తుంది.
marks variable లో ఉన్న 85 value ను console లో display చేస్తుంది.
Try It
Try this JavaScript code:
var studentName = "Anu";
var marks = 85;
console.log(studentName);
console.log(marks);Practice
Practice:
var ఉపయోగించి productName, price, quantity variables ఇప్పటికే ఇచ్చబడ్డాయి. price మరియు quantity ను ఉపయోగించి total variable create చేయండి. తరువాత product name మరియు total ను console లో print చేయండి.
Hint:
మొత్తం ధర కోసం var total = price * quantity; లాంటి statement ఉపయోగించండి. తరువాత రెండు console.log statements రాయండి.
Common Mistakes
var variable ను declare చేసిన తరువాత value మార్చలేమని అనుకోవడం.
var variable value ను తరువాత మార్చవచ్చు. ఉదాహరణకు var count = 1; తరువాత count = 2; అని రాయవచ్చు.
var block-scoped అని అనుకోవడం.
var function-scoped, block-scoped కాదు. Modern JavaScript లో block scope అవసరమైనప్పుడు సాధారణంగా let లేదా const ఉపయోగించండి.
ఒకే scope లో variable ను అనుకోకుండా మళ్లీ declare చేయడం.
var redeclaration ను అనుమతిస్తుంది, కానీ ఇది code లో confusion మరియు bugs కు కారణం కావచ్చు. Variable ను ఒకసారి declare చేసి అవసరమైనప్పుడు value మాత్రమే update చేయండి.
Declaration కి ముందు var variable ను ఉపయోగించి వచ్చిన undefined ను సరైన value గా భావించడం.
Hoisting కారణంగా declaration తెలిసినా assignment జరగకముందు value undefined ఉంటుంది. Variables ను ఉపయోగించే ముందు declare చేసి value assign చేయడం మంచి పద్ధతి.
Interview Questions
JavaScript లో var అంటే ఏమిటి?
Answer:
var అనేది variable declare చేయడానికి ఉపయోగించే JavaScript keyword. దీని value ను తరువాత మార్చవచ్చు.
var variable ను మళ్లీ declare చేయవచ్చా?
Answer:
అవును. అదే scope లో var variable ను redeclare చేయవచ్చు. అయితే accidental redeclaration bugs కు కారణం కావచ్చు.
var మరియు block scope మధ్య సంబంధం ఏమిటి?
Answer:
var block-scoped కాదు; ఇది function-scoped. అందువల్ల block లో declare చేసిన variable block బయట కూడా కనిపించే సందర్భాలు ఉంటాయి.
var hoisting అంటే ఏమిటి?
Answer:
JavaScript execution సమయంలో var declaration పై భాగంలో ఉన్నట్లుగా ప్రవర్తించడాన్ని hoisting అంటారు. కానీ assignment పైకి వెళ్లదు, కాబట్టి assignment ముందు value సాధారణంగా undefined ఉంటుంది.
Exam Questions
క్రింది code output ఏమిటి? var x = 10; x = 20; console.log(x);
Answer:
Output 20. ఎందుకంటే var variable value ను తరువాత update చేయవచ్చు.
క్రింది code output ఏమిటి? var value = 5; var value = 9; console.log(value);
Answer:
Output 9. రెండవ declaration మరియు assignment తరువాత value 9 అవుతుంది.
var ను modern JavaScript లో జాగ్రత్తగా ఎందుకు ఉపయోగించాలి?
Answer:
var function-scoped, redeclaration ను అనుమతిస్తుంది మరియు hoisting behavior కలిగి ఉంటుంది. ఇవి unexpected behavior కు కారణం కావచ్చు. అందువల్ల సాధారణంగా let లేదా const ను prefer చేస్తారు.
Quick Revision
- var variable declare చేయడానికి ఉపయోగించే keyword.
- var variable value ను తరువాత మార్చవచ్చు.
- ఒకే scope లో var variable ను redeclare చేయవచ్చు.
- var function-scoped; block-scoped కాదు.
- Hoisting కారణంగా declaration ముందే తెలిసినా assignment ముందు value undefined కావచ్చు.
- Modern JavaScript లో సాధారణంగా let మరియు const ను prefer చేస్తారు.