JavaScript Academy · पाठ

localStorage बनाम sessionStorage

सही संग्रहण अवधि चुनिए।

पाठ 2, कुल 4 में से13 चरण

localStorage बनाम sessionStorage, CoddyKit पर JavaScript Academy का एक निःशुल्क पाठ है। यह 4 में से 2वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह JavaScript Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

दो संग्रह, एक जैसा एपीआई

localStorage और sessionStorage समान विधियाँ साझा करते हैं। अंतर lifetime का है: डेटा कितने समय तक बना रहता है।

localStorage बना रहता है

localStorage में डेटा तब तक रहता है जब तक उसे स्पष्ट रूप से हटाया न जाए। यह पृष्ठ दोबारा लोड करने, टैब बंद करने और ब्राउज़र फिर शुरू करने के बाद भी बना रहता है।

localStorage.setItem("theme", "dark");
// Still there days later, after closing the browser

sessionStorage अस्थायी है

sessionStorage का डेटा केवल टैब सत्र तक रहता है। टैब बंद करने पर यह साफ़ हो जाता है।

sessionStorage.setItem("step", "2");
// Gone once the tab is closed

प्रति-टैब अलगाव

हर ब्राउज़र टैब को अपना sessionStorage मिलता है। एक ही साइट के दो टैब में अलग-अलग सत्र संग्रह होते हैं; वे डेटा साझा NOT करते हैं।

localStorage साझा होता है

इसके विपरीत, एक ही ऑरिजिन के सभी टैब और विंडो एक localStorage साझा करते हैं। एक टैब में किया गया लेखन दूसरे टैब में दिखाई देता है।

दोबारा लोड करने का व्यवहार

सामान्य रूप से दोबारा लोड करने पर उस टैब का sessionStorage बना रहता है। टैब की प्रतिलिपि बनाने पर सत्र की नकल हो सकती है, लेकिन नया टैब खोलने पर वह खाली शुरू होता है।

sessionStorage.setItem("draft", text);
// Survives F5 reload in the same tab

दोनों में से चुनना

लंबे समय तक रहने वाली प्राथमिकताओं (जैसे थीम और भाषा) के लिए localStorage का उपयोग करें। अस्थायी, प्रति-टैब स्थिति (जैसे किसी चरण की प्रक्रिया का चरण या एक बार इस्तेमाल होने वाला फ़ॉर्म ड्राफ़्ट) के लिए sessionStorage का उपयोग करें।

सुरक्षा संबंधी सावधानी

इनमें से कोई भी संग्रह सुरक्षित नहीं है। पृष्ठ पर मौजूद कोई भी स्क्रिप्ट इन्हें पढ़ सकती है, इसलिए पासवर्ड या ऐसे संवेदनशील टोकन कभी न रखें जिन्हें निजी रहना आवश्यक हो।

हर जगह समान विधियाँ

दोनों एपीआई एक जैसे होने के कारण, केवल ऑब्जेक्ट का नाम बदलकर आप एक को दूसरे से बदल सकते हैं। एक के लिए लिखा गया कोड दूसरे के साथ भी काम करता है।

const store = useSession ? sessionStorage : localStorage;
store.setItem("k", "v");

निजी ब्राउज़िंग

निजी/गुप्त मोड में दोनों संग्रह सामान्यतः सत्र समाप्त होने पर साफ़ हो जाते हैं, और कुछ ब्राउज़र इन्हें सीमित या बंद कर देते हैं। लेखन विफल होने की संभावना को हमेशा संभालिए।

try {
  localStorage.setItem("k", "v");
} catch (e) {
  console.log("storage unavailable");
}

कोटा अलग होता है

हर संग्रह का अपना कोटा होता है (आमतौर पर प्रति ऑरिजिन लगभग 5MB)। sessionStorage भरने से localStorage के बजट में कमी नहीं होती।

त्वरित जाँच

दोनों संग्रहों की तुलना।

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन

दोनों संग्रह एक ही एपीआई साझा करते हैं, लेकिन उनका lifetime अलग होता है। localStorage सत्रों के बीच भी बना रहता है और किसी ऑरिजिन के सभी टैब में साझा होता है; sessionStorage केवल एक टैब सत्र तक रहता है और हर टैब में अलग होता है। इनमें से कोई भी सुरक्षित नहीं है और दोनों का अपना लगभग 5MB कोटा होता है।

शुरुआत निःशुल्क

एआई शिक्षक के साथ JavaScript सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 59
पाठ: 200

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “localStorage बनाम sessionStorage” पाठ निःशुल्क है?

हाँ — JavaScript Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “localStorage बनाम sessionStorage” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। JavaScript Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“localStorage बनाम sessionStorage” में मैं क्या सीखूँगा?

सही संग्रहण अवधि चुनिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या JavaScript Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर JavaScript Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 2वाँ पाठ है।

“localStorage बनाम sessionStorage” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस JavaScript Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर JavaScript Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← JavaScript Academy पर वापस जाएँ