Up next in 10
Hoisting in JavaScript _ JavaScript Tutorial in Hindi #89
116 views
Feb 10, 2024
In the 89th tutorial of our JavaScript series, presented in Hindi, delve into the mysterious world of hoisting and unravel the mechanisms that influence the order of variable and function declarations in your code. Explore how hoisting impacts the way JavaScript interprets and executes your scripts, leading to potentially unexpected behavior. This session provides practical examples and step-by-step guidance in Hindi, ensuring a comprehensive understanding of hoisting and its implications. Whether you're a JavaScript enthusiast seeking to demystify language features or a developer aiming to optimize your code structure, this tutorial is your guide to mastering hoisting in JavaScript. Join the session, lift the veil on hoisting, and enhance your JavaScript coding capabilities!
View Video Transcript
0:00
जावास्क्रिप्ट के अंदर होस्टिंग का कॉंसेप्ट बहुत ज्यादा इंपोर्टेंट होता ह��
0:02
होस्टिंग का मतलब होता है कि जब भी आप किसी वेरेबल को नीचे डिक्लेयर करते ह��
0:07
तो वो आटमाटिकली उपर डिक्लेयर होता हुआ प्रतीत होता है अब आप लोग होगे इस पात का क्या मतलब है चलते हैं computer screen में समझेंगे examples के सा��
0:15
और क्यों javascript को यह काफी powerful बनाता है let's get started
0:18
तो guys आज हम लोग बात करने वाले होस्टिंग के बारे में और javascript में यह बहुत important concept होता ह��
0:29
मैं आप लोग को बदाता हूँ मैंने एक rappel बना रखी है और इस rappel के corresponding यहाँ पर यह खोल रखा है अपना link
0:35
तो मैं यहाँ पर जो कुछ भी लिखूँगा वो यहाँ पर जो है मुझे show हो जाएगा मैंने इसका जो console है वो भी खोल लिय��
0:39
आप देख सकते हो वह फिलाल कंसोल में कुछ भी शूट नहीं हो रहा है तो नोट से मैंने आप लोग इलेज होस्टिं��
0:44
के बारे में लिखा है और यह वेब होस्टिंग नहीं है कंफ्यूज मत ओना आप लोग बिल्कुल भी यह एक कॉनसेप्ट ह��
0:49
जिसका मतलब होता है कि जावास्क्रिप्ट के अंदर जो भी declarations होती है उसको वो at the top of the code रखता हुआ प्रतीत होता है ठीक है रखता हुआ प्रतीत होता है ठीक है देखते हैं अब ये क्या ह��
1:02
तो एक्सेक्यूशन से पहले जितनी भी सारी डिक्लेरेशन से उसको जो जावास्क्रिप्ट का इंटरप्रेटर होता है वो आप तो आप लोग लिख सकते हो जावास्क्रिप्ट के अंदर बाद में और ए जो है उपर आपके उपलब्ध हो जाएगा ठीक है तो यहाँ पर मैं ��
1:32
बनाता हूं ठीक है मैं लिखता हूं फंक्शन ग्रीट ठीक है और मैं यहां पर लिख देता हूं कंसोल डॉट लॉग औ��
1:41
डबल कोट्स के अंदर गुड मॉर्निंग ठीक है तो मैंने यह लिखा अगर मैं इसके ऊपर यहां पर ग्रीट को कॉल क��
1:47
तो आपने से कई लोग सोचोगे कि यार greet पहले आया लेकिन function तो नीचे लिखा हुआ है तो यहाँ पर तो error आजाएगा क्योंकि greet function उसको मिलेगा ही नहीं बट to your surprise अगर मैं इसको run करो तो good morning successfully run हो गया इसका मतलब यह होता है कि जितनी भी function declarations हैं वो उपर आ जाती हैं अगर ��
2:17
होती है ठीक है सो आई होब कि आप लोग यह चीज को समझ गए ठीक है तो यहां पर हम लोग क्या करेंगे कि इसक��
2:25
दुबारा से ऐसे कर देंगे और होस्टिंग के बारे में और चीजें हम लोग देखते हैं अब देखो यहां पर एक इंपोर्टें��
2:49
जाएगा यहां पर मुझे कर मिलेगा इस नॉट टाइम ठीक है कि यह क्या है क्या चल रहा है अगर मैं यहां प��
2:55
वेर लिख देता हूं ठीक है और सेमी कोलर लगा देता हूं और मैं इसको रिलोड करता हूं यहां पर तो आप लोग देख��
3:01
अंडिफाइन यहाँ पर आ गया ठीक है note that मैंने var लिखा है let नहीं लिखा है ठीक ह��
3:05
अब मैं अगर यह पहले कर दूं यहाँ पर line number one पे var लिख दूं तब तो आप लोगो��
3:08
पता है यार नवासी वा वीडियो चल रहा है javascript का कोई मजाक नहीं है आप लोगों इतना त��
3:12
लिखोंगा तो फिर लाइन नंबर टू में कंजल टॉट लॉग यह करके जो ए है वह प्रिंट हो जाएगा तो आपको मालूम ह��
3:19
लेकिन आप लोग यह चीज देखना कि मैंने नीचे लिखा वह उसके बाद भी ऐड जो है गायब हो गया अगर मैं इसको रमें��
3:26
दो दो दो आ जाएगा जहां पर अंडिफाइंड लिखकर आ रहा था वहां पर अब ऐड आ जाएगा ठीक है तो यहां पर आ��
3:31
देखो रेफरेंस एरर एड नॉट डिफाइंड आ गया और मैं यह जब करूंगा तो यह चला जाएगा ठीक है तो जावास्क्रिप्��
3:38
करता है variables और function definitions को उपर जो है और class definitions को भी उपर host कर देता है ठीक ह��
3:45
अब यहाँ पर variable will be undefined until the line where its initialized is reached यह बात भी आपको बताता हू��
3:51
अब मान लो मैं a is equal to 9 लिखता है आपको ठीक है तब क्या होगा 9 print होगा या फिर undefined print होग��
3:57
undefined print होगा, 9 print नहीं होगा, क्यों? क्योंकि जब तक ये वाली line नहीं आ जाती
4:02
तब तक एकी value undefined रहेगी, और इस line के आते ही, क्या होगा? कि 9 print होगी एकी value
4:08
तो मैं आपको अगर इसको run करके दिखाओं, तो undefined तो रहेगा ही, फिर good morning को 9 print होगा
4:12
क्योंकि इस line को line number 8 को pass करते ही क्या होगा कि value एक ही 9 हो जाएग��
4:18
तो कहीं न कहीं हमें इस तरह का code चलता हुआ दिखेग��
4:22
where a यहाँ पर and a is equal to 9 यहाँ पर कुछ इस तरह से चलता हुआ दिखेगा प्रतीत होग��
4:27
ठीक है तो यह वाले code का भी अगर मैं output आपको दिखाऊं तो undefined good morning 9
4:31
आएगा ठीक है तो मैं यहाँ पर लिख देता हूँ कि declaration
4:35
hosted to the top but initialization is not ठीक है initialization at the top hosted
4:45
नहीं होगा ठीक है तो यह चीज़ आप लोगों पता होनी चाहिए और मैं यहाँ प��
4:49
लिख देता हूँ following two lines will run successfully due to hosting ठीक है अब क्या होता है क��
5:02
JavaScript के interview में जो है ये काफी पूछा जाता है ठीक है और hosting का concept हो गया और आपक��
5:09
ये जितने भी destructuring हो गया काफी पूछा जाते हैं ठीक है तो ये आपको बता होना चाहिए तो ये ची��
5:14
तो जो है हमने देख ली, बट कुछ चीज़े है miscellaneous hosting notes let where behavior different const let versus where const let behavior where behavior
5:47
morning 9 लिख कर आ रहा है, ठीक है, बढ़िया, यहां तक so far so good, सब कुछ बढ़िया था, कुशल मंगल, ठीक है, अब क्या होगा, कि अगर मैं var की जगा let यूज़ कर लूँ, तब क्या होगा, अगर मैं var की जगा let यूज़ कर लूँ, तो यह कह रहा है, cannot access a before initialization, अब इसका मतलब स��
6:17
तो क्या होता है कि जब आप let या const यूज़ करते हैं तब जो declaration होता ह��
6:23
वो hosted हो जाता है at the top but initialization नहीं होता ह��
6:27
वो initialize नहीं हो पाता है तो एक तरह से variable एक temporary dead zone में चला जाता ह��
6:32
अगर मैं ऐसा करूँ ये कर दूँ और मैं यहाँ पर लिख दूँ let a
6:36
तब A undefined हो जाएगा ठीक है तब आपको यहाँ पर undefined देखने को मिल जाएगा undefined good morning और इसके बाद जो है आपको undefined देखने को मिल जाएगा undefined good morning undefined ठीक है बट अगर मैं कुछ ऐसा कर दूँ और मैं उमीद करूँ let's say कि वो host होगा at the top तो वो technically हो तो जाएगा बट वो ��
7:06
अगर आप इस तरह को इस्तेमाल नहीं कर सकते इनिशियल आईजेशन करो पहले इसका तब जाकर आप इसको जो यूज कर पाओग��
7:12
अगर मैं ऊपर लेटे लिख दूं तो ऑटोमाटिकली एंड डिफाइन में इनिशियल आईजेशन हो जाएगा ठीक है तो यह डिफरेंस ह��
7:36
function expression function
8:13
रिलोड करूंगा उपसी क्या हुआ कैन ऑट एक्सेस्ट ग्रीड बिफोर इनिचिअलाइजेशन यह क्या हुआ यह इसलिए हुआ क्योंक��
8:20
कि मैंने यहां पर कॉन्स का इस्तेमाल किया अगर यहीं पर वायर का इस्तेमाल कर दो तब क्या होगा अगर मै��
8:26
वायर का इस्तेमाल कर दो क्रिट इज नॉट फंक्शन ऐसा क्यों हो रहा है तो ऐसा इसलिए हो रहा है क्योंक��
8:31
फंक्शन एक्सप्रेशन एंड क्लास एक्सप्रेशन आड नॉट होस्टेड फंक्शन एक्सप्रेशन क्या होते हैं फंक्श��
8:37
एक्सप्रेशन जो होता है वह इस तरह से दिखाई देता है जो कि मैंने आपको अलरेडी बनाकर दिखाया इस इक्व��
8:42
लुट करके अगर मैं किसी भी चीज को लेकर एक फंक्शन एक्सप्रेशन होता है अच्छा अगर मैंने जो यहां प��
8:47
किया है मैं एक मिर्च रापलेट के इस ट्री वाला फीचर ट्राइप करूंगा यार मुझे काफी ज्यादा आप सही लग��
8:53
फीचर देखो मैं बैक जा रहा हूं बैक जा रहा हूं यहां तक आ गया मैं ठीक है और रिस्टोर्ड 189 कर दूंग��
8:57
रिस्टोर्ड ठीक है आई होप इन फाइल जाएगी नहीं नहीं गई ठीक है मैं आप लिख देता हूं लेट एज इकॉल टू य��
9:05
तो मैंने कर दिया let af is equal to a function is equal to मैं कहूँगा greet
9:09
यहाँ एक काम करते हैं let greet is equal to ही लिख देते है��
9:13
ठीक है function कुछ इस तरह से इसे यहाँ पर बना हुआ है और मैं यहाँ से अटा देता हूँ greet या��
9:17
ठीक है function ऐसे लिख देता हूँ अब क्या मैं grid को use कर सकता हू��
9:22
नहीं कर सकता क्योंकि function expressions are not hosted ठीक है ये चीज आप लोगों को पता होनी चाहि��
9:27
अगर मैं यहाँ पर var लिख दूँ तब भी क्या होगा ये host नहीं होग��
9:32
grid is not a function लिख कर आ गया ठीक है आपको यह समझ में आ गई कि वह से फंक्शन एक्सप्रेशन जो होस्ट नहीं होते ठीक है आपको आपको समझ में लिखा हुआ ह��
9:43
चोड़ा हुआ आप लोगों के लिए विलेट एंड वेर होस्टिंग इस डिफरेंट कंसोल डॉट लॉक नम करोगे एरर आएग��
9:49
लेकिन अगर आप लोग इस्तेमाल कर रहे हो वायर तो अंडिफाइन प्रिंट हो जाएगा ठीक है यह इस सेम कोड में ठीक ह��
9:54
फंक्शन एक्सप्रेशन जो है वह होस्ट नहीं होते हैं ठीक है क्लास एक्सप्रेशन क्या है एक तो मैंने आ��
10:01
लोगों को जस्ट क्लास बनाकर दिखाई थी पर क्लास एक्सप्रेशन भी होता है जिस तरह से हमारा फंक्शन एक्सप्रेश��
10:05
आप const rectangle is equal to class करके class expression भी बना सकते हैं और वो भ��
10:09
hosting का पाला नहीं करेगा ठीक है I hope कि आप समझ गए इस चीज़ क��
10:13
and आप लोग का concept clear हो गया कर ये javascript playlist किसी ने अभी access नहीं करी ह��
10:19
तो यार इसको ज़रूर access कर लेना अभी के लिए इस वीडियो में इतना है guys
10:23
thank you so much guys for watching this video and I will see you next time
#File Sharing & Hosting