जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके जे एस दिनांक सेट तरीके जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


जावास्क्रिप्ट स्कोप

दायरा चर की पहुंच (दृश्यता) निर्धारित करता है।

जावास्क्रिप्ट में 3 प्रकार के स्कोप हैं:

  • ब्लॉक स्कोप
  • फंक्शन स्कोप
  • वैश्विक कार्यक्षेत्र

ब्लॉक स्कोप

ES6 (2015) से पहले, JavaScript के पास केवल Global Scope और Function Scope था ।

ES6 ने दो महत्वपूर्ण नए JavaScript कीवर्ड पेश किए: letऔर const.

ये दो कीवर्ड जावास्क्रिप्ट में ब्लॉक स्कोप प्रदान करते हैं।

{ } ब्लॉक के अंदर घोषित वेरिएबल को ब्लॉक के बाहर से एक्सेस नहीं किया जा सकता है:

उदाहरण

{
  let x = 2;
}
// x can NOT be used here

कीवर्ड के साथ घोषित वेरिएबल्स varमें ब्लॉक स्कोप नहीं हो सकता है।

{ } ब्लॉक के अंदर घोषित वेरिएबल को ब्लॉक के बाहर से एक्सेस किया जा सकता है।

उदाहरण

{
  var x = 2;
}
// x CAN be used here

स्थानीय दायरा

जावास्क्रिप्ट फ़ंक्शन के भीतर घोषित चर, फ़ंक्शन के लिए LOCAL बन जाते हैं।

उदाहरण

// code here can NOT use carName

function myFunction() {
  let carName = "Volvo";
  // code here CAN use carName
}

// code here can NOT use carName

स्थानीय चर में फंक्शन स्कोप होता है :

उन्हें केवल फ़ंक्शन के भीतर से ही एक्सेस किया जा सकता है।

चूंकि स्थानीय चर केवल उनके कार्यों के अंदर पहचाने जाते हैं, एक ही नाम वाले चर का उपयोग विभिन्न कार्यों में किया जा सकता है।

फ़ंक्शन शुरू होने पर स्थानीय चर बनाए जाते हैं, और फ़ंक्शन पूरा होने पर हटा दिए जाते हैं।


फंक्शन स्कोप

जावास्क्रिप्ट में फंक्शन स्कोप है: प्रत्येक फंक्शन एक नया स्कोप बनाता है।

किसी फ़ंक्शन के अंदर परिभाषित चर फ़ंक्शन के बाहर से पहुंच योग्य (दृश्यमान) नहीं होते हैं।

वेरिएबल के साथ घोषित var, let और constकिसी फ़ंक्शन के अंदर घोषित होने पर काफी समान होते हैं।

उन सभी के पास फंक्शन स्कोप है :

function myFunction() {
  var carName = "Volvo";   // Function Scope
}
function myFunction() {
  let carName = "Volvo";   // Function Scope
}
function myFunction() {
  const carName = "Volvo";   // Function Scope
}

वैश्विक जावास्क्रिप्ट चर

किसी फ़ंक्शन के बाहर घोषित एक चर, GLOBAL बन जाता है ।

उदाहरण

let carName = "Volvo";
// code here can use carName

function myFunction() {
// code here can also use carName
}

एक वैश्विक चर का वैश्विक दायरा होता है :

वेब पेज पर सभी स्क्रिप्ट और फ़ंक्शन इसे एक्सेस कर सकते हैं। 


वैश्विक कार्यक्षेत्र

वैश्विक रूप से घोषित चर (किसी भी समारोह के बाहर) में वैश्विक दायरा है ।

जावास्क्रिप्ट प्रोग्राम में वैश्विक चरों को कहीं से भी एक्सेस किया जा सकता है।

एक ब्लॉक के बाहर घोषित होने पर वेरिएबल्स के साथ घोषित किया जाता है var, let और constकाफी समान होता है।

उन सभी का वैश्विक दायरा है :

var x = 2;       // Global scope
let x = 2;       // Global scope
const x = 2;       // Global scope

जावास्क्रिप्ट चर

जावास्क्रिप्ट में, ऑब्जेक्ट और फ़ंक्शन भी चर हैं।

स्कोप कोड के विभिन्न हिस्सों से चर, वस्तुओं और कार्यों की पहुंच निर्धारित करता है।



स्वचालित रूप से वैश्विक

यदि आप किसी ऐसे चर के लिए मान निर्दिष्ट करते हैं जिसे घोषित नहीं किया गया है, तो यह स्वचालित रूप से एक वैश्विक चर बन जाएगा।

यह कोड उदाहरण वैश्विक चर घोषित करेगा carName, भले ही मान किसी फ़ंक्शन के अंदर असाइन किया गया हो।

उदाहरण

myFunction();

// code here can use carName

function myFunction() {
  carName = "Volvo";
}

सख्त मोड

सभी आधुनिक ब्राउज़र "सख्त मोड" में जावास्क्रिप्ट चलाने का समर्थन करते हैं।

आप इस ट्यूटोरियल के बाद के अध्याय में सख्त मोड का उपयोग करने के तरीके के बारे में और जानेंगे।

"सख्त मोड" में, अघोषित चर स्वचालित रूप से वैश्विक नहीं होते हैं।


HTML में वैश्विक चर

जावास्क्रिप्ट के साथ, वैश्विक दायरा जावास्क्रिप्ट वातावरण है।

HTML में, वैश्विक दायरा विंडो ऑब्जेक्ट है।

कीवर्ड के साथ परिभाषित वैश्विक चर varविंडो ऑब्जेक्ट से संबंधित हैं:

उदाहरण

var carName = "Volvo";
// code here can use window.carName

कीवर्ड के साथ परिभाषित वैश्विक चर letविंडो ऑब्जेक्ट से संबंधित नहीं हैं:

उदाहरण

let carName = "Volvo";
// code here can not use window.carName

चेतावनी

जब तक आपका इरादा न हो तब तक वैश्विक चर न बनाएं।

आपके वैश्विक चर (या फ़ंक्शन) विंडो चर (या फ़ंक्शन) को अधिलेखित कर सकते हैं।
विंडो ऑब्जेक्ट सहित कोई भी फ़ंक्शन, आपके वैश्विक चर और कार्यों को अधिलेखित कर सकता है।


जावास्क्रिप्ट चर का जीवनकाल

एक जावास्क्रिप्ट चर का जीवनकाल तब शुरू होता है जब इसे घोषित किया जाता है।

फ़ंक्शन पूरा होने पर फ़ंक्शन (स्थानीय) चर हटा दिए जाते हैं।

वेब ब्राउज़र में, जब आप ब्राउज़र विंडो (या टैब) बंद करते हैं तो वैश्विक चर हटा दिए जाते हैं।


समारोह तर्क

फ़ंक्शन तर्क (पैरामीटर) फ़ंक्शन के अंदर स्थानीय चर के रूप में काम करते हैं।