Up next in 10
Introduction to Promises _ JavaScript Tutorial in Hindi #54
63 views
Feb 10, 2024
Unlock the next level of asynchronous JavaScript programming with the 54th installment of our tutorial series presented in Hindi. In this session, delve into the world of Promises – a crucial concept for managing asynchronous operations more efficiently. This tutorial serves as a comprehensive introduction to Promises, offering clear explanations and practical examples in Hindi. Learn how Promises streamline the handling of asynchronous tasks, making your code more readable and maintainable. Whether you're a JavaScript enthusiast or a budding developer, this tutorial provides the foundational knowledge needed to grasp the power of Promises and enhance your coding skills. Join the session, embrace the elegance of Promises, and take a significant step forward in mastering JavaScript!
View Video Transcript
0:00
आज के इस वीडियो में introduce कराऊंगा आप लोगों को promises से और हम लोग देखेंगे promises क्या होती ह�
0:05
आप लोगों को इस वीडियो में promises का एक बहुती basic idea मैं देने वाला हू�
0:09
चलते हैं computer screen में and let's get started अब हम लोग प्रोमिसेस देखने वाले और प्रोमिसेस को ऐसे देखूंगा कि प्रोमिस करता हूं कि आपको समझ मे�
0:23
आ जाएगा ठीक है तो यहां पर हमने प्रामेट ऑफ डूम ऑलरेडी कवर कर लिया था प्रोमिस आप लोगों में बताना ह�
0:29
तो चलती रेप लेते हैं और रेप में एक नई राप लेते प्रॉमिस क्या है नॉर्मल लैंग्वेज में हमारी डेल�
0:36
लाइफ में प्रॉमिस क्या होता है कि वह किसी ने कस्म खाली कह दिया आपसे यह करूंगा वह करेगा जावास्कुट मे�
0:42
जानी होता है यार प्रॉमिस एक प्रॉमिस ऑफ कोट एक्सेक्यूशन है ठीक है अब यहां पर ऐसा समझ लोग आप रास्त�
0:48
पर जा रहे हो आपने टेलर को अपने कपड़े दिए अब क्या वह खड़े रहते हो तक वह आपके कपड़े ठीक कर रहा ह�
0:54
कपड़े सिल रहा है ओविस्टली नहीं आप खड़े नहीं रहते हो आप उसको देते हो वो आपको प्रॉमिस करता है कि भाई मैं कल तुम्हें कपड़े सिल के दे दूँगा तुम जा सकते हो और अपना काम कर सकते हो फिर आप मिठाई की दुकान पर चले गए आपने मालो के�
1:24
जो है चल जाना चाहिए देखो देखो टाइम लगेगा चलने में अगर आप यहाँ त�
1:28
आप खड़े रहो ठीक है आप अपने सारे काम छोड़ दो और देखो केक बनते हु�
1:32
आप सारे काम छोड़ दो कपड़े सिलते हुए देखो नहीं देखना चाहोगे �
1:36
आप चाहोगे अपनी जिन्दगी continue करो सारे काम के आपने order दे दिय�
1:40
आपने Zomato पे order मार दिया Zomato ने promise कर दिया आपसे कि आपका खाना आ जाएगा एक घंटे मे�
1:44
आप अपना काम करने लग गए ठीक है आपको phone लेके और उसको देखने की ज़रूरत नहीं ह�
1:49
आपको खाना कहां तक पहुचा, वैसे बहुत लोग देखते भी रहते हैं, आदे घंटे तक खाना तक पहुचा, बट आपको जरूरत नहीं है
1:54
आप अपना काम continue रखो, आपके दरवाजे पर आ जाएगा, similarly, Amazon का भी order है, Amazon एक promise देता है आपको
1:59
और कहता है कि बाई तुम्हारा order जो है मिल जाएगा और मिल भी जाता है या ठीक ह�
2:03
क्या हमेशा मिलता है maybe कभी कभी नहीं मिलेगा ठीक है but promise करता है amazon
2:09
ठीक है javascript में भी ऐसी होता है promise करता है अब वो promise या त�
2:13
आपकी जो है fulfill करी जाएगी या फिर आपकी जो promise है व�
2:20
या तो resolve होगी या reject होगी ठीक है fulfill लेकिन करी जाएग�
2:24
अब वो fulfill हो सकती है as a result और as rejected नहीं आया समझ में समझाता हूँ य�
2:29
javascript के अंदर बहुत अच्छी तरह से समझाओंगा आप लोगों को और मैं node.js की rapple बनाओंगा यहाँ प�
2:34
और यहाँ पर हम लोग यह हमारा 54th वीडियो है तो मैं इसका नाम रखूँगा 54 underscore promise ठीक ह�
2:41
let me check यार 54th वीडियो ही है ना हाँ 54th वीडियो ही है तो कुल मिला कर हम लोग यही करेंगे जो हम daily life में करते है�
2:50
कोई ज्यादा लंबी चौड़ी चीज नहीं है, कुछ नया नहीं है यहाँ पर, तो introduction to promises, the solution to the callback hell is promises
2:58
अब solution कैसे है यह callback hell का, वो हम आगे देखेंगे, अभी हम पूरा focus देते हैं promise को समझने में
3:04
promise is a promise of code execution, simple जी बात भाई, ठीक है
3:09
the code either executes or fails, in both the cases the subscriber will be notified
3:13
cancel notify
3:28
पिल्कुल उसी तरह javascript promises में भी किया जाएगा the syntax of a promise looks like this
3:33
आप इस तरह से एक नई promise बना सकते हो ठीक है तो एक नई promise बनाते हैं यहाँ प�
3:39
और simply यही वाला syntax use करेंगे कि वाई let promise is equal to new promise
3:45
function चलाएंगे, resolve या reject में से एक चीज call होगी and that's about it यार, ठीक है, इतना ही ह�
3:52
जादा कोई लंबी चोड़ी चीज नहीं है तो मैं यहाँ पर क्या करूँगा, मैं कहूँगा कि बाई console.log
3:58
hello ठीक है, और इसके बाद मैं कहूँगा console.log my name is
4:08
John Marlow, ठीक है लिख देता हूं कि आज आता ठीक है और अब मैं यहां पर क्या कर रहा हूं मैं यहां पर लिख रहा हूं सेट टाइ�
4:17
ऑट ठीक है और यहां पर मैं चाहता हूं कि जो सेट टाइम होते यार यह क्या चल रहा है पर आ ठीक है इसक�
4:27
रखें और यहां पर इसको फॉरमेट कर दूंगा ठीक है और यह भी हटा दूंगा यहां से अब देखो आप लोग यहा�
4:33
पर सेट डाइवर की है मैंने और एक सेकंड के बाद मालूं दो सेकंड के बाद मैं हेलो एंड टू सेकंड यहां प�
4:43
रहा हूँ रन करूंगा तो यहाँ पर हेलो माइनेम इस जॉन और दो सेकंड के बाद हेलो इन टू सेकंड्स आ गया ठीक ह�
4:49
तो यह बात तो तय है कि ऐसा दी कि पहले यह चलेगा ठीक है मैं हेलो वन करूंगा इसको हेलो टू करूंगा और इसक�
5:00
my name is hello, 3 करूँगा, तो, 1, 2, 3 करके नहीं चलेगा
5:06
यह 1, 3, 2 करके चलेगा, इसे आप देख सकते हैं, वन चला, फिर 3 चला, फिर 2 सेकंड के बा�
5:10
2 चल गया, ठीक है, तो, सिरीज में तो यह run हो नहीं रहा है, यह बात तो, हमें पता है कि जावास्क्रिप्�
5:30
अब मैं अगर यहाँ पर कुछ ऐसे करतू हूँ, एक नई promise बनाऊं, तो मैं कुछ ऐसे एक नई promise बना सकता हूँ, मैं लिखूँगा यहाँ पर let promise is equal to new promise, और यहाँ पर कुछ इस तरह से मैं resolve और reject लिख दूँगा, और इसके अंदर यहाँ पर मैं logic लिखूँगा, ठीक है, �
6:00
इस एक लोग न्यू प्रॉमिस फंक्शन रिजॉल्ड रिजेक्ट यह कुछ इस तरह से सिंटेक्स होता है प्रॉमिस का अब इसके अंद�
6:07
मान लो मैं कुछ लिखो ठीक है इसके अंदर मान लो मैं लिखता हूँ alert और लिख दो I am an alert in promise ठीक है और अब मैं क्या करूँगा यहाँ पर मैंने एक नई promise बना ली मैंने इस तरह से नई promise बना ली let promise is equal to ये अब मैं यहाँ पर क्या कर सकता हूँ मैं इस promise को run कर सकता हूँ ठी�
6:37
hello 1 hello 3 hello 2 in 2 seconds promise function resolve reject
6:49
यह दो मैंने arguments दिये, यह javascript का engine automatically आप लोगों को प्रदान करता है
6:54
यहाँ पर यह दोनों callback javascript engine आपको प्रदान करता है अब आप क्या कर सकते हो यह promise या तो resolve हो सकती है या reject हो सकती ह�
7:02
ठीक है इन दोनों में से एक चीज हो सकती है अब यह alert मैं इसके अंदर नहीं लगाऊंग�
7:06
मैं simply यहाँ पर क्या करूँगा मैं यहाँ पर लिख दूँगा resolve और इसको resolve कर दूँगा with a value of 56 ठीक ह�
7:13
मैं इसको with a value of 56 resolve कर दूँगा ठीक ह�
7:17
और मैं अगर यहाँ पर alert लगाऊंगा और यहाँ पर लिख दूँगा hello
7:22
और इसको save करूँगा तो इसको मैं जैसे ही run करूँगा तो यह देखो यहाँ पर hello, hello1 और इसके बाद my name is hello3 आ गया ठीक ह�
7:32
तो एक code जो है यहाँ पर चल रहा है ठीक ह�
7:36
अब अगर मैं यहाँ पर console.log और यहाँ पर मैं कुछ ऐसे करूँ promise
7:44
तब आपको देखने को मिलेगा hello फिर इसके बाद hello1 फिर my name is hello3
7:51
और promise और इसकी value 56 आपको देखने को मिलेगी ठीक ह�
7:55
तो promise क्या है promise एक promise है code के चलने का ठीक ह�
8:00
अब यहाँ पर बहुत confusing यह लगता है लोगों को और लोगों को लगता है क्या कि क्यों use कर रहे है�
8:05
लेकिन जैसे ही आपको पता चलेगा यह में क्यों यूज कर रहे हैं तब आप लोगों चीज़ें आसान लगने लग जाएंगे ठीक ह�
8:09
और प्रॉमिस के अंदर दो चीज़ें होती हैं एक state होता है और एक result होता ह�
8:13
अगर यहाँ पर मैं प्रॉमिस को print करूँ मैं यहाँ पर कुछ इस तरह से करूँ console.log promise और इसको मैं run करू�
8:23
तो आप लोग यहाँ पर देखोगे कि इसकी जो value है वो कुछ इस तरह से print हो रही ह�
8:28
अब मैं node.js environment में हूँ यह बात आप लोग याद रखना अगर आप लोग browser में इसी चीज़ को run करोग�
8:32
जिसे मान लो मैं अगर इसको यहाँ run करता हूँ अगर मैं इसी चीज़ को यहाँ पर run करता हू�
8:37
और मैं enter मारता हूँ तो देखो सबसे पहले hello आ गया क्योंकि जो मेरी promise ह�
8:42
उसने इसको run किया और फिर यह resolve हो गई with a value of 56, ठीक है
8:47
ओके किया मैंने, तो hello1 print हुआ, फिर मेरा my name is hello3 print हुआ
8:51
जो की यहाँ पर है, फिर क्योंकि मैंने यहाँ पर set time out लगा रहा था, 2 second के बाद
8:55
यह print हो गया मेरा, बट उससे भी पहले मेरी promise print हुई, जो की fulfilled हो चुकी थी जब तक
8:59
और उसकी value 56 थी तो promise के अंदर दो properties होती है�
9:04
एक state और एक result ठीक है लेकिन आप directly promise.state promise.result नहीं कर सकत�
9:09
यह आपको undefined return करेगी बट promise object जो है उसके अंद�
9:13
दो properties होती है state और result state initially pending होती ह�
9:18
फिर यहाँ तो वो आपकी fulfilled हो जाती है या फिर रिजेक्ट हो जाती है, ठीक है, अब fulfillment
9:24
दो तरह से हो सकता है, या तो resolve हो सकती है, या फिर reject हो सकती है
9:28
resolve हुई तो आपको value देगी, reject हुई तो error देगी, simple सी बात है, या तो जो code promise के अंदर था, वो run हो पाएगा
9:34
या फिर वो नहीं हो पाएगा, अब promises हम लोग क्यों यूज करते हैं, मैं आप लोगों को ए�
9:38
high level idea देता हूँ, फिर अगले वीडियो में जो example है, वो आपको समझा देगा promise क्यो�
9:41
यूज करते हैं, मुझे पता ये वीडियो थोड़ा confusing है, but अगला वीडियो जो है, सब कुछ clear कर देगा
9:46
मैं बताता हूँ आपको भी promise क्यों इस्तेमाल करते हैं मान लो आप network calls कर रहे हो ठीक ह�
9:50
मैं आपको एक pseudo code लिखे दिखाता हूँ जो कि आपको बहुत अच्छी तरह से समझाएगा कि promise को क्यों इस्तेमाल करना है ठीक ह�
9:55
मान लो आप लोगों को fetch google homepage home page fetch data API data from the data API
10:13
फिर आपको करना है, fetch, मान लो कुछ और fetch करना है, ठीक है, fetch pictures from the server, ठीक है
10:20
यह करना है और उसके बाद आपको print करना है downloading ठीक है कुछ इस तरह से अब आप चाहते हो क�
10:31
जब यह चीज हो जाए तब alert आप करना चाहते हो google.com home page done ठीक है आप सारा status
10:40
alert करना चाहते हो मालो या console.log करना चाहते हो ठीक है तो आप यह चाहोगे ना कि यार यह ची�
10:46
पैलली चले यह चीज पैलली चले यह चीज पैलली चले और उसके बाद नीचे जो आपकी रेस्ट ऑफ द स्क्रिप्ट चलती रहे ठीक है रेस्ट ऑफ द स्क्रिप्�
10:57
तो आप ये नहीं चाहोगे कि ये ब्लॉक करके बैट जाएiennent आपके main threat को क्योंकि ये का�
11:01
ये काम और ये काम तीनों parallel ही किय � सकते हैं तो एक तरह से ऐसा समझ लो कि promise यूज़ करते हैं parallel execution के लिए ठीक ह�
11:08
और parallel execution के लिए क्यों यूज़ करते हैं क्योंकि ये चीज, ये चीज, और ये चीज को एक के बादे करने का कोई पॉइंट नहीं है
11:16
कोई पॉइंट नहीं है कि आप टेलर की दुकान पे 24 गंटे खड़े रहो, फिर आपका जब सूट सिल जाए, अगले दिन आप लोग जाओ
11:21
और उसके बाद केक के बनने का इंतजार करो एक घंटे के लिए या फिर 24 घंटे के लि�
11:27
जितना भी टाइम लगता है उसको बनाने में ऐसे नहीं करोगे न आप जाहिर सी बात ह�
11:31
सब काम आप पहले नहीं करोगे केक का ओर्टर भी दोगे Zomato पे भी order दे दोगे अपना Amazon पे भी order place कर दोग�
11:36
और अगले दिन आपको हो सकता है तीनों चीज़े आपको fulfill होकर मिल जा�
11:40
ठीक है तो आपके तीनों orders जो है fulfill हो जाएंगे अगले दिन अब वो resolve हो या reject हो ये आपकी किस्मत की बात ह�
11:46
हो सकता है आपके Amazon का order cancel हो जाए, हो सकता है आपको कोई problem हो
11:51
Zomato के order में आपका जो है, मालो नहीं आ पाया किसी भी reason से
11:55
तो वो आपका reject हो सकता है, बट आप लोग उमीद यही रखोगे कि
11:59
आपको resolve होके मिले आपके सारे के सारे orders, आपको submitted मिल जाए, आपको cake भी मिल जाए, सब कुछ मिल जाए
12:05
parallel execution चले, लेकिन यार यह parallel execution करते कैसे हैं, यही अगले वीडियो का मुद्धा है
12:10
आपको बताओंगा dot then और dot catch के बारे में, two of the most important methods
12:14
और जो भी कहा है PDF नहीं दी, मैं डाल दूँगा यार, आप बात तो सुनो मेरी पहले, आ�
12:18
concept तो सीख लो, उसके बाद मैं डाल दूँगा, और ये PDF भी upload
12:22
हो जाएगी, तो बिल्कुल भी आप लोग इतने सारे comment करके मुझे बताओ, PDF नहीं डाल लिया, मैं डाल दूँग�
12:26
यार ठीक है आप लोग इले बनाई है मैंने तो आई होगी आप लोग समझ में आया प्रॉमिस क्या होता है अब अभी ए�
12:33
बिगेनर अगर आप होता तो आपके दिमाग में मैं बताता हूं क्या चल रहा है आप यह चल रहा है क्यों यूज कर रह�
12:37
प्रॉमिस चलता था कोड हमारा अच्छा था बताऊंगा क्यों यूज करें प्रॉमिस अगले वीडियो में बताऊंगा और प्रॉमि�
12:43
नहीं होती तो हम क्या करते देखो कॉलबैक से काम हो जाता है लेकिन हम प्रॉमिस यूज करते हैं चीजों को ऑर्गनाइ�
12:48
लिए एसिंग का वेट सिंटेक्स को यूज करने के लिए वह भी आने वाले वीडियोस में बताऊंगा तो एक-एक करके सारी चीजे�
12:54
clear करी जाएंगी, अभी आप लोग JavaScript की playlist access कर लो, मुझे भरोज�
12:59
करो, आने वाले videos में मैं सब कुछ clear कर दूँगा, अभी के लिए इस वीडियो मे�
13:02
इतने है गैस, thank you so much guys for watching this video, and I will see you
13:07
next time करते है�