JavaScript Error Handling & localStorage: ప్రొడక్షన్-గ్రేడ్ యాప్ భద్రత మరియు డేటా స్టోరేజ్ (మాస్టర్ గైడ్)

1. జావాస్క్రిప్ట్ లో ఎర్రర్స్ ఎందుకు వస్తాయి? అన్‌హ్యాండిల్డ్ ఎర్రర్ ప్రమాదం

జావాస్క్రిప్ట్ లైన్-బై-లైన్ ఎగ్జిక్యూట్ అయ్యే లాంగ్వేజ్. మీ ప్రోగ్రామ్‌లో 100 లైన్ల కోడ్ ఉండి, 15వ లైన్ వద్ద ఒక వేరియబుల్ తప్పుగా డిక్లేర్ అయినా లేదా లేని ప్రాపర్టీని చదవబోయినా (ఉదా: user.address.city లో address `undefined` అయితే), జావాస్క్రిప్ట్ ఇంజిన్ వెంటనే Fatal Exception ని త్రో చేస్తుంది.

2. try...catch...finally నిర్మాణ క్రమం & throw new Error()

జావాస్క్రిప్ట్ ఎర్రర్ హ్యాండ్లింగ్ సింటాక్స్ నాలుగు మూలస్తంభాలపై ఆధారపడి ఉంటుంది:

4. జావాస్క్రిప్ట్ లోని 5 ముఖ్యమైన బిల్ట్-ఇన్ Error రకాలు

జావాస్క్రిప్ట్ ఏదైనా పొరపాటు జరిగినప్పుడు ఒక ప్రామాణిక Error ఆబ్జెక్ట్‌ను సృష్టిస్తుంది. అందులో తరచుగా కనిపించే 5 రకాలు:

• ReferenceError: ఉనికిలో లేని లేదా ఇంకా డిక్లేర్ చేయని వేరియబుల్‌ను యాక్సెస్ చేయబోయినప్పుడు (ఉదా: console.log(totalSum) — where totalSum does not exist).
• TypeError: చెల్లని డేటాటైప్‌పై ఆపరేషన్ చేయడం లేదా `undefined`/`null` పై ప్రాపర్టీస్ పిలవడం (ఉదా: null.toUpperCase() లేదా const x = 5; x();).
• SyntaxError: బ్రాకెట్లు మూయకపోవడం, తప్పుడు కామాలు పెట్టడం వల్ల కోడ్ పార్సింగ్ విఫలమైనప్పుడు (ఉదా: JSON.parse("చెల్లని డేటా")).
• RangeError: సంఖ్య అనుమతించిన పరిధి కంటే ఎక్కువగా లేదా తక్కువగా ఉన్నప్పుడు (ఉదా: new Array(-1) లేదా ఇన్ఫినిట్ రికర్షన్ వల్ల స్టాక్ ఓవర్‌ఫ్లో కావడం).
• URIError: decodeURI('%') లాంటి తప్పుడు ఎన్‌కోడింగ్ ఉన్న URL పారామీటర్లను డీకోడ్ చేయబోయినప్పుడు వస్తుంది.

5. లైవ్ కోడ్ ఉదాహరణ: ప్రొడక్షన్ బ్యాంకింగ్ లావాదేవీల ఇంజిన్

కింది కోడ్‌లో మనం ఒక బ్యాంకింగ్ ఫండ్ ట్రాన్స్‌ఫర్ ఫంక్షన్‌ను నిర్మించాం. తప్పుడు అమౌంట్ లేదా ఖాతాలో డబ్బు లేనప్పుడు throw new Error() ట్రిగ్గర్ అవుతుంది. విఫలమైనా లేదా గెలిచినా finally లోడింగ్ స్పిన్నర్‌ను శాశ్వతంగా ఆపివేస్తుంది:

function processTransfer(fromAcc, toAcc, amount) {
  let spinner = true;
  try {
    if (amount <= 0) throw new Error("చెల్లని మొత్తం: 0 కంటే ఎక్కువ ఉండాలి!");
    if (fromAcc.balance < amount) throw new Error("ఖాతాలో నిధులు సరిపోవు!");
    fromAcc.balance -= amount;
    toAcc.balance += amount;
    console.log(`✅ విజయవంతం: ₹${amount} పంపబడింది. మిగిలిన నిల్వ: ₹${fromAcc.balance}`);
  } catch (err) {
    console.error(`❌ బదిలీ విఫలమైంది [${err.name}]: ${err.message}`);
  } finally {
    spinner = false;
    console.log("🔄 లోడింగ్ స్పిన్నర్ ఆపివేయబడింది. కనెక్షన్ ముగిసింది.");
  }
}
processTransfer({ id: 101, balance: 500 }, { id: 102, balance: 100 }, 800);

6. బ్రౌజర్ వెబ్ స్టోరేజ్: localStorage vs sessionStorage vs Cookies

వెబ్‌సైట్లలో యూజర్ సెట్టింగులు, లాగిన్ సెషన్లు లేదా కార్ట్ వివరాలను స్టోర్ చేయడానికి ఆధునిక HTML5 Web Storage API అత్యంత శక్తివంతమైన సాధనం. పూర్వకాలంలో దీనికోసం కుకీలు (Cookies) వాడేవారు, కానీ ఆధునిక యాప్స్‌లో వ్యత్యాసం ఇలా ఉంటుంది:

7. Core Storage API పద్ధతులు & JSON బ్రిడ్జి

localStorage మరియు sessionStorage రెండూ ఒకే రకమైన పద్ధతులను (Methods) కలిగి ఉంటాయి:

• localStorage.setItem(key, value): ఒక కీ మరియు విలువను నిల్వ చేస్తుంది.
• localStorage.getItem(key): కీ ద్వారా విలువను తిరిగి తెస్తుంది (కీ లేకపోతే null వస్తుంది).
• localStorage.removeItem(key): నిర్దిష్ట కీని మాత్రమే తొలగిస్తుంది.
• localStorage.clear(): ఆ డొమైన్‌కు సంబంధించిన మొత్తం స్టోరేజ్‌ను తుడిచివేస్తుంది.
• localStorage.length: ప్రస్తుతం ఎన్ని కీలు ఉన్నాయో లెక్కిస్తుంది.

8. లైవ్ కోడ్ ఉదాహరణ: ఫెయిల్-సేఫ్ లోకల్ స్టోరేజ్ స్టేట్ మేనేజర్

ప్రొడక్షన్ సైట్లలో బ్రౌజర్ స్టోరేజ్ నిండిపోయినా (QuotaExceededError) లేదా యూజర్ ప్రైవేట్ బ్రౌజింగ్ వల్ల స్టోరేజ్ బ్లాక్ అయినా యాప్ క్రాష్ కాకుండా రక్షించే ప్రొడక్షన్-గ్రేడ్ హెల్పర్ ఆబ్జెక్ట్:

const Storage = {
  save(key, val) {
    try {
      localStorage.setItem(key, JSON.stringify(val));
    } catch (e) {
      console.warn("స్టోరేజ్ కోటా దాటిపోయింది లేదా ప్రైవేట్ మోడ్ లోపం!", e.message);
    }
  },
  load(key, fallback = null) {
    try {
      const item = localStorage.getItem(key);
      return item ? JSON.parse(item) : fallback;
    } catch {
      return fallback;
    }
  }
};
Storage.save("user_pref", { theme: "dark", fontSize: 16 });
console.log("తేబడిన యూజర్ అమరికలు:", Storage.load("user_pref"));

9. డెవలపర్లు చేసే 5 ప్రమాదకరమైన ప్రొడక్షన్ తప్పులు (Pitfalls)

రియల్ వరల్డ్ ప్రాజెక్టులలో డెవలపర్లు తరచుగా చేసే ఈ 5 తప్పులను మీరు నివారించగలిగితే మీ కోడ్ అత్యంత పటిష్టంగా మారుతుంది:

10. ఇంటర్వ్యూ & ప్రాక్టీస్ ప్రశ్నలు (రియల్-వరల్డ్ వివరణలతో)