JavaScript Academy · पाठ

ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API

रनटाइम को globalThis/window/global से सुरक्षित रूप से पहचानें, fetch की उपलब्धता जाँचें और समझें कि फ़ाइलों के लिए Node क्यों चाहिए, जबकि ब्राउज़र DOM/नेटवर्क पर केंद्रित रहता है।

पाठ 1, कुल 3 में से8 चरण

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

समग्र चित्र

लक्ष्य: जानना कि आपका कोड कहाँ चलता है।

  • वैश्विक मान: globalThis, विंडो, ग्लोबल
  • फ़ेच: सुविधा-पहचान करें, अनुमान न लगाएँ
  • फ़ाइलें: नोड में एफएस होता है; ब्राउज़र में नहीं
  • यूआरएल: दोनों में काम करता है
ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 1

रनटाइम की सुरक्षित पहचान

प्रकार-जाँच का उपयोग करके ReferenceErrors से बचें और जानें कि आपका कोड कहाँ चल रहा है।

// Detect presence of common globals
const hasWindow = typeof window !== "undefined";
const hasGlobal = typeof global !== "undefined";
const hasProcess = typeof process !== "undefined" && process && typeof process.version === "string";

console.log("globalThis exists?", typeof globalThis !== "undefined");
console.log("window?", hasWindow);
console.log("global?", hasGlobal);
console.log("Node process?", hasProcess);
ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 2

फ़ेच: सुविधा-पहचान

ब्राउज़र में आम तौर पर फ़ेच उपलब्ध होता है; नोड के पुराने संस्करणों में शायद न हो। पहले इसकी उपलब्धता जाँचें।

// Feature-detect fetch; do not assume it exists everywhere
const hasFetch = typeof fetch === "function";
console.log("fetch available?", hasFetch);

// If available, you could call fetch(...). For a safe demo we only log.
if (!hasFetch) {
  console.log("Provide a fallback or use a library in Node versions without fetch.");
}
ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 3

फ़ाइलें: नोड बनाम ब्राउज़र

नोड फ़ाइलों के लिए एफएस उपलब्ध कराता है; ब्राउज़र में यह सुविधा नहीं होती। सुविधा-जाँच से एक ही कोड-पथ को दोनों जगह सुरक्षित रखें।

// Files are a Node concern; browsers cannot read your disk directly
const hasRequire = typeof require === "function";
console.log("CommonJS require available?", hasRequire);

// Safe message instead of real file I/O (keeps the demo runnable everywhere)
if (hasRequire) {
  console.log("In Node you can use fs for files; in browsers you cannot.");
} else {
  console.log("No require here; likely a browser-like or sandboxed runtime.");
}
ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 4

साझा: यूआरएल एपीआई

यूआरएल वर्ग अलग-अलग रनटाइम में पतों को एकसमान ढंग से पार्स करता है; छोटे टूल के लिए उपयोगी है।

// URL is available in both environments
const u = new URL("https://example.com/path?x=1#top");
console.log("host:", u.host);
console.log("pathname:", u.pathname);
console.log("search:", u.search);
console.log("hash:", u.hash);
ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 5

शुरुआती विद्यार्थियों के लिए अच्छी आदतें

सुझाव:

  • इस्तेमाल करने से पहले फ़ेच की उपलब्धता जाँचें।
  • फ़ाइलों के लिए नोड चाहिए, जैसे एफएस; ब्राउज़र में DOM और नेटवर्क पर ध्यान दिया जाता है।
  • पोर्टेबल वैश्विक मानों के लिए globalThis का उपयोग करें।
  • वातावरण का अनुमान लगाने के बजाय छोटी सुविधा-जाँच को प्राथमिकता दें।
ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 6

फ़ेच-पहचान प्रश्नोत्तरी

त्वरित जाँच: फ़ेच की सुरक्षित पहचान करें।

ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 7

पुनरावलोकन

पुनरावलोकन: सुरक्षित प्रकार-जाँच से रनटाइम की पहचान करें, फ़ेच की सुविधा-पहचान करें, याद रखें कि फ़ाइलें नोड-पक्ष पर होती हैं और दोनों परिवेशों में यूआरएल का उपयोग करें।

ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API — चित्र 8
शुरुआत निःशुल्क

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

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

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

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

क्या “ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API” पाठ निःशुल्क है?

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

“ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API” में मैं क्या सीखूँगा?

रनटाइम को globalThis/window/global से सुरक्षित रूप से पहचानें, fetch की उपलब्धता जाँचें और समझें कि फ़ाइलों के लिए Node क्यों चाहिए, जबकि ब्राउज़र DOM/नेटवर्क पर केंद्रित रहता है। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ JavaScript Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

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

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

“ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

  1. ग्लोबल, fetch की उपलब्धता और फ़ाइल/नेटवर्क API
  2. ESM लोडर की पेचीदगियाँ, पाथ/URL के अंतर
  3. एनवायरनमेंट वेरिएबल और कॉन्फ़िगरेशन के तरीके
← JavaScript Academy पर वापस जाएँ