How JavaScript Works
JavaScript ఎలా పనిచేస్తుంది?
JavaScript అనేది web pages కు behavior మరియు interactivity జోడించే programming language. మనం JavaScript code రాసినప్పుడు, JavaScript engine ఆ code ను చదివి అర్థం చేసుకుని execute చేస్తుంది.
JavaScript code execution యొక్క ముఖ్య దశలు
- Code రాయడం: మనం JavaScript statements మరియు expressions రాస్తాము.
- Code చదవడం: JavaScript engine source code ను చదివి దాని structure ను అర్థం చేసుకుంటుంది.
- Code execute చేయడం: సాధారణంగా statements ను పై నుంచి కిందికి క్రమంగా అమలు చేస్తుంది.
- Result చూడడం: console output, page changes లేదా user interaction రూపంలో ఫలితం కనిపిస్తుంది.
JavaScript Engine
Browser లో JavaScript code ను execute చేయడానికి JavaScript engine ఉపయోగించబడుతుంది. ఉదాహరణకు Chrome లో V8 engine ఉంటుంది. Engine code ను machine కు అర్థమయ్యే instructions గా మార్చి execute చేస్తుంది.
Top-to-bottom execution
సాధారణ JavaScript statements పై నుంచి కిందికి క్రమంలో run అవుతాయి. ఒక statement పూర్తయిన తర్వాత తరువాతి statement execute అవుతుంది. అందువల్ల variables ను ఉపయోగించే ముందు వాటికి value ఇవ్వాలి.
Browser లో JavaScript పాత్ర
Browser HTML document ను load చేసిన తర్వాత JavaScript code ను execute చేయగలదు. JavaScript page content ను మార్చడం, button clicks కు స్పందించడం, calculations చేయడం మరియు data process చేయడం వంటి పనులు చేయగలదు. Browser interaction మరియు events గురించి తరువాతి lessons లో మరింత నేర్చుకుంటాము.
Console ఉపయోగం
console.log() ద్వారా JavaScript program లోని values మరియు messages ను console లో చూడవచ్చు. ఇది program ఎలా పనిచేస్తుందో అర్థం చేసుకోవడానికి మరియు errors గుర్తించడానికి సహాయపడుతుంది.
Simple Explanation
JavaScript ను ఒక instruction list లాగా ఊహించుకోండి. Engine ఆ list ను చదివి, ప్రతి instruction ను క్రమంగా execute చేస్తుంది. ఉదాహరణకు ముందుగా రెండు numbers ను కలిపి, తరువాత ఆ result ను console లో చూపించవచ్చు.
అంటే JavaScript పని చేసే basic flow: రాయడం → చదవడం → అర్థం చేసుకోవడం → execute చేయడం → result పొందడం.
Real-Life Example
ఒక restaurant లో waiter కు orders ఇచ్చినట్లు JavaScript ను ఊహించండి. మొదట order తీసుకుంటాడు, తరువాత order ను చదువుతాడు, kitchen కు పంపిస్తాడు, చివరగా food సిద్ధమైనప్పుడు customer కు అందిస్తాడు. JavaScript engine కూడా code ను చదివి, instructions ను process చేసి, result ను అందిస్తుంది.
Code Examples
JavaScript statements క్రమంగా execute అవడం
const message = "Page loading";
console.log(message);
const firstNumber = 10;
const secondNumber = 20;
const total = firstNumber + secondNumber;
console.log(total);ఈ example లో JavaScript code పై నుంచి కిందికి execute అవుతుంది. మొదట message variable లో text store అవుతుంది. తరువాత ఆ text console లో కనిపిస్తుంది. ఆ తర్వాత రెండు numbers కలిపి total లో store చేసి console లో చూపిస్తాము.
Page loading 30
ఒక value ను process చేసి output చూపించడం
const price = 50;
const quantity = 3;
const bill = price * quantity;
console.log("Total bill: " + bill);ఇక్కడ JavaScript ముందుగా price మరియు quantity values ను store చేస్తుంది. తరువాత multiplication expression ను evaluate చేసి bill లో result ఉంచుతుంది. చివరగా message మరియు bill value ను console లో చూపిస్తుంది.
Total bill: 150
Line-by-Line Explanation
ఈ line message అనే constant variable ను create చేసి, దానిలో Page loading అనే string value ను store చేస్తుంది.
ఈ line message లో ఉన్న value ను console లో చూపిస్తుంది. Output గా Page loading కనిపిస్తుంది.
ఈ blank line program readability కోసం మాత్రమే ఉంది. ఇది ఏ action ను execute చేయదు.
ఈ line firstNumber అనే constant variable లో 10 అనే number ను store చేస్తుంది.
ఈ line secondNumber అనే constant variable లో 20 అనే number ను store చేస్తుంది.
ఈ line firstNumber మరియు secondNumber values ను add చేసి, వచ్చిన 30 result ను total variable లో store చేస్తుంది.
ఈ line total variable లో ఉన్న 30 value ను console లో చూపిస్తుంది.
Try It
Try this JavaScript code:
const userName = "Anu";
const greeting = "Hello, " + userName;
console.log(greeting);Practice
Practice:
పై code లో JavaScript execution గురించి ఒక కొత్త message ను fourth step గా add చేయండి. ఆ message ను variable లో store చేసి, console.log() ద్వారా output చూపించండి.
Hint:
కొత్త message కోసం const variable ఉపయోగించండి. తరువాత అదే variable ను console.log() లో pass చేయండి.
Common Mistakes
JavaScript code మొత్తం ఒకేసారి random order లో execute అవుతుందని అనుకోవడం.
సాధారణ statements సాధారణంగా పై నుంచి కిందికి క్రమంగా execute అవుతాయి. Code లో order చాలా ముఖ్యమైనది.
Variable కు value ఇవ్వకముందే దాన్ని ఉపయోగించడం.
ముందుగా variable ను declare చేసి value ఇవ్వండి. తరువాత దాన్ని expressions లేదా console.log() లో ఉపయోగించండి.
console.log() output webpage పై కనిపిస్తుందని అనుకోవడం.
console.log() సాధారణంగా developer console లో output చూపిస్తుంది. Webpage content మార్చడానికి తరువాత DOM methods నేర్చుకోవాలి.
JavaScript engine మరియు JavaScript language రెండూ ఒకటే అని అనుకోవడం.
JavaScript ఒక programming language. JavaScript engine ఆ language code ను చదివి execute చేసే software component.
Interview Questions
JavaScript ఎలా execute అవుతుంది?
Answer:
JavaScript engine source code ను చదివి అర్థం చేసుకుని execute చేస్తుంది. సాధారణ statements పై నుంచి కిందికి క్రమంగా run అవుతాయి. Browser లో code ను execute చేయడానికి JavaScript engine ఉపయోగించబడుతుంది.
JavaScript engine అంటే ఏమిటి?
Answer:
JavaScript engine అనేది JavaScript source code ను process చేసి execute చేసే software component. ఉదాహరణకు Chrome browser లో V8 engine ఉపయోగించబడుతుంది.
console.log() ఎందుకు ఉపయోగిస్తాము?
Answer:
Values, messages మరియు program results ను developer console లో చూడడానికి console.log() ఉపయోగిస్తాము. ఇది debugging మరియు code flow అర్థం చేసుకోవడంలో సహాయపడుతుంది.
Exam Questions
JavaScript execution యొక్క సాధారణ క్రమాన్ని వివరించండి.
Answer:
ముందుగా developer JavaScript code రాస్తాడు. తరువాత JavaScript engine ఆ code ను చదివి అర్థం చేసుకుంటుంది. ఆ తర్వాత statements ను సాధారణంగా పై నుంచి కిందికి execute చేస్తుంది. చివరగా console output లేదా webpage behavior రూపంలో result వస్తుంది.
క్రింది code యొక్క output ఏమిటి? const a = 5; const b = 2; const result = a + b; console.log(result);
Answer:
Output 7. ఎందుకంటే a మరియు b values add చేసి result లో store చేశారు.
Quick Revision
- JavaScript engine code ను చదివి execute చేస్తుంది.
- సాధారణ JavaScript statements సాధారణంగా పై నుంచి కిందికి క్రమంగా run అవుతాయి.
- const తో value ను variable లో store చేయవచ్చు.
- Expressions calculate అయిన తర్వాత result ను variable లో ఉంచవచ్చు.
- console.log() ద్వారా values మరియు messages ను console లో చూడవచ్చు.
- Browser లో JavaScript page behavior, interaction మరియు content changes కోసం ఉపయోగించబడుతుంది.