Arrow Functions Revisited _ JavaScript Tutorial in Hindi #91

0:00
आज के इस वीडियो में हम लोग arrow functions को revisit करेंग�
0:02
हम लोग देखेंगे arrow functions क्या होते हैं और दुबारा से हम लोग कुछ बातें arrow functions के बारे में जानेंग�
0:08
जो कि हमारे लिए जानना बहुत जादा ज़रूरी है चलते हैं computer screen में and let's get started
0:13
अब हम लोग बात करने वाले हैं एरो फंक्शन के बारे में अब हम क्या करने वाले हैं यहां पर हम लोग रिविजिट करेंग�
0:28
और मैं आप लोग कुछ चीजें बताऊंगा मालों बेरे पास एक से हेलो नाम का एक एरो फंक्शन है ठीक है से हेलो नाम क�
0:35
क्या है एरो फंक्शन है ठीक है और इसमें मैं सिंपली क्या करता हूं कंसोल डॉट लॉग करता हूं हेलो ठीक है तो इसक�
0:44
लिखने के दो तरीके हैं मैं यहां पर मान लो इसको यहां पर से हेलो जो है फॉल भी करता हूं अब एक बात तो यहां प�
0:50
आपको भी पता है कि मैं इसको रिलोड करूं तो यहां पर हेलो लिखकर आने वाला है ठीक है और इस बात को बतान�
0:55
का मुझे कोई नाम नहीं चाहिए ठीक है और आपको मिलेगा भी नहीं कोई नाम अगर आप किसी को बताओगे तो हां बत�
0:59
तंजूर लोड लोग हेलो करोगे हेलो ही आएगा लेकिन क्या आप जानते हैं कि आप कुछ इस तरह से भी कर सकते है�
1:05
किस तरह से कर सकते हैं आप simply इसको बिना bracket के लिख सकते है�
1:09
क्योंकि ये simply एक line है ठीक है हाँ आप इसको इस तरह से लिख सकते हैं ठीक ह�
1:13
तो आप इसको ऐसे लिखेंगे तो भी आपका चलेगा ही function ठीक है तो हम bracket skip कर सकते है�
1:18
अगर single liner है तो multi lines भी लिख सकते हैं आपको जिस तरह से कर सकते है�
1:23
मैंने hello के साथ सा semi color लगा के high भी लिख दिया ठीक है तो यह भी चलेग�
1:27
but not recommended या not recommended at all क्योंकि क्या होता है ना कि इस तरह से अगर आप लिखोगे तो readability कम हो जाती है लगाई लेना यार ठीक है curly brace
1:37
अब मान लो कि कुछ ऐसा होता मैं यह हटाता हूँ यहाँ से अब मान लो आप कह रहे हो यहाँ पर कि मैं एक variable भी देना चाहता हू�
1:44
मालो मैं name देना चाहता हूँ यहाँ पर एक argument पास करना चाहता हू�
1:49
इस function को और वो जो argument होने वाला है वो होने वाला है name
1:54
जो कि Harry होगा जो कि Harry पास किया जा रहा है say hello नाम के function क�
1:58
तो अगर मैं इसको reload करूँ अभी तो आप देखो hello harry यहाँ पर आ गया और इसका भी नाम आपको नहीं मिलेगा अगर आप guess करोगे तो ठीक ह�
2:04
no prizes for guessing अब यहाँ पर जिसका इनाम शायद आपको मिल सकता है वो बात यह है कि आप यहाँ से अगर य�
2:10
ब्राकेट्स हटा दो ना, पेरेंथेसिस, तब भी आपका काम बन जाएगा, ठीक है
2:15
तो अगर अभी मैं इसको रिलोड करूँ यहाँ पर, तो हैलो हैरी मैं यहाँ पर जो है आउटपूर्ट देख पाऊँगा
2:19
क्योंकि exactlykteamthing है और एक चीज़ अगर मान लो हैरी और उसी के साथ साथ goodafternoon
2:27
अब क्या बोलना है मान लो वो चीज़ भी आप यहाँ पर variable के थ्रूल लेकर आना चाहते ह�
2:32
तो वो भी आप कर सकते हो तो आप simply यहाँ पर क्या कर सकते ह�
2:36
greeting space name comma greeting name greeting variables function
2:50
तो मुझे bracket लगाना यहाँ पर जो parenthesis है यह मेरे लिए mandatory हो जाता ह�
2:54
क्योंकि इसके बिना मुझे मिलने वाला syntax error अभी मैं यहाँ पर greeting plus name करूँग�
2:58
तो आप लोग देखो कि good afternoon है गया क्योंकि greeting की जगह good afternoon आया और name की जगह hairy आ गय�
3:05
तो मैं ये parenthesis अब नहीं अटा सकता क्योंकि एक से ज़ादा variable पास किया जा रहा है इस error function को ठीक ह�
3:10
यहां पर मुझे मिलेगा syntax error कहा यह जा रहा है कुल मिला कर कि वह ब्राकेट लगा लो ठीक है सब आपके एक बात यह ह�
3:15
चलो जी यह भी बढ़िया है यह भी आपको समझ में आया और मुझे भी अच्छा लगा कि आपको समझ में आया अब एक और केस देखते है�
3:22
और उसके बारे में चर्चा करेंगे थोड़ी सी ठीक है मालो मैं यहाँ पर एक object बनाता हूँ x नाम स�
3:28
और इसके अंदर मैं देता हूँ name harry ठीक है और role js developer experience
3:39
exp लिख देता हूँ 20 years जादा नहीं हो गया थोड़ा 30 कर देता है कम हो गया 20
3:48
30 years of experience ठीक है और यहाँ पर मैंने लिखा say hello Harry good afternoon इसको मैं तरह comment out करूँग�
3:53
और मैं यहाँ पर लिखूँगा x console.log x.name x.exp तो यह मैं करूँगा तो शायद आप में से कई लोग कहोगे यार यह क्या time pass कर रहे ह�
4:05
हैरी 30 आना ही है ठीक है तो time pass करने वाली क्या बात है चलो यह time pass करने वाली बात थ�
4:10
मैं मानता हूँ आपकी बात मैंने मानी लेकिन क्या आपको पता है मैं यहाँ पर एक function डाल सकता हू�
4:15
मैं कह सकता हूँ show एक function है जो की क्या करता ह�
4:22
जो की simply एक the name is और मैं dollar के अंदर लिख सकता हूँ this.name
4:31
तो आपको यार ये क्या चल रहा है, this क्या है, ठीक है, तो this क्या होता है, कि this will refer to this object
4:37
जो की x है, ठीक है, तो मुझे क्या करना पड़ेगा, इसको, in properties of console.log ना करके
4:43
मैं x.show करके इसको call कर सकता हूँ, और मैं यहाँ पर function भी लिखूँगा
4:47
अरो फंक्शन यूज नहीं करूंगा मैं नॉर्मल जो हमारा जावास्क्रिप्ट का फंक्शन होता है वह यूज करूंगा ठीक है तो जब भी मैं एक नॉर्मल जावास्क्रिप्ट का फंक्शन यूज करता हूं और मैं दिस को रेफर करता हूं तो दिस होता है ये ओब्जेक्�
5:17
role show obviously name role role personal role display
5:50
एक second के बाद display करेगा तो थोड़ा सा जो है drama आएग�
5:54
code में तो मुझे code में थोड़ा सा drama चाहिए कि बाद दो second के बाद display हो रहा ह�
5:59
कुछ ऐसा चाहिए और मैं ये करके खुशी खुशी उमीद लगा के बैठ गया इससे कि ये print करेग�
6:05
name is blank role is undefined भाई ये क्या हो गया अरे ये क्या हो गय�
6:11
आपको ये क्या हो गया यार सब कुछ तो ठीक है this तो ये object था �
6:15
नहीं जब आप एक नया function बना देते हो function के अंदर तो अब इस function के लि�
6:20
this क्या होगा अगर मैं आपको यहाँ पर console.log this करके दिखा�
6:25
तो वो एक window object होगा, आपको दिखातू मैं आपको इसको reload करके reload, और ये देखो, वो window object होगा, ठीक है, तो, यानि कि जो global हमारी window होती है, वो होगा, तो ये क्या चल रहा है, मतलब ये क्या logic है, कैसे पता चलेगा, क्या होगा, कब होगा, तो अगर मैं आपसे बोला, what is this, एक object �
6:55
कर रहे हो तो दिस एक event के अंतर refer करेगा उस element को जिसने event को receive किया है ठीक है तो य�
7:01
तीन cases आपको पता होनी चाहिए पीछे करके आप दुबारा सुन सकते हो मैंने क्या कहा बट उससे भी ज्यादा important
7:07
जो मैं आपलों को बात बताना चाहता हूँ वो यह है कि इसको fix कैसे करें अब आप कोई चलो ठीक है य�
7:12
this होता होगा window object मैं क्या करूँ मुझे यह यहाँ पर print कराना ह�
7:16
2 second के बाद मुझे अभी अपना code चलाना है मैं क्या करूँ तो मैं कहूँगा यार देखो हमने console.log this बाहर किया तो हमको window object मिल�
7:23
इसी console.log this को मैं बाहर निकाल दूँगा तो obviously मुझे यह object मिल जाएग�
7:29
मानते हो कि नहीं मानते हो मैं इसको दरा reload करता हूँ console.log this किया तो यह object मुझे मिल गय�
7:35
let that is equal to this that store object that use this fix fix fix is the question point object x this object function
8:33
function का इस्तेमाल कर सकते हैं तो जब भी हम एरो फंक्शन का इस्तेमाल करते हैं ना तो यह क्या करता ह�
8:39
ऑटोमाटिकली दिस्ट पहले वाले अपने लेक्सिकल पेड़िंग से ले लेता है ठीक है उसको लेक्सिकल दिस्ट कहते हैं ठी�
8:45
तो lexical this इस्तेमाल करने की वज़ासे मुझे लिखने की जरूरत नहीं ह�
8:49
और मुझे that लिखने की भी जरूरत नहीं है जो code मैंने पहले लिखा हुआ थ�
8:53
वो as it is काम करेगा क्यों काम करेगा क्योंकि यहाँ पर arrow function के अंदर this window object नहीं होग�
9:01
वो इसके बाहर वाले जो environment में this है वही होगा ठीक है ये अपना this नहीं बनात�
9:06
ये अपने parent से जो है ले लेता है this कुछ ऐसा आप roughly समझ लो ठीक ह�
9:11
तो अब मैं इसको अगर reload करूँगा तो मेरा code बिल्कुल सही सही काम करेगा दो second के बाद मुझे same चीज याद प्रेंट होकर मिल रही ह�
9:17
ऐसा इसलिए हुआ जो की arrow function जो होते हैं वो lexical this का प्रियोग करते है�
9:23
ठीक है so I hope कि आप लोग कोई चीज समझ में आ गई arrow function के साथ आप क्या कर सकते है�
9:27
क्या नहीं कर सकते हैं यह सब कुछ आपको समझ में आ गया अब एक चीज और मैं आपको बताना चाहता हूं कि अगर सिर्फists
9:32
एक हमारे पास वैल्यू है मैं वापस से अपने से हेलो वाले फंक्शन पर आऊंगा और यह चीज रह गई थी इन किस फिर फिर टॉप य�
9:39
अगर मान लो मेरे पास सिर्फ name है और greeting हो मैं hard code करना चाहता हू�
9:43
और मान लो मेरे पास multiple lines है code में ठीक है तो मैं कुछ ऐसे भी कर सकता हू�
9:48
कि मैं मेरे पास multiple lines है code में तो मैं यहाँ पर ऐसे लिख सकता हू�
9:54
हाइ मैंने लिखा मान लो और ग्रीटिंग में हार्ड कोड करता हूं यहां पर मुझे जरूरी नहीं है मैं इस ब्राके�
10:02
को लगाओंगे मुझे जरूरत नहीं इस ब्राकेट को लगाने की बस यह बताना चाहता आपको मैं इसको ऐसे ही लिख सकत�
10:07
नेम को ठीक है मैंने यहां पर जो पेरेंटेस थी इसके आर पर वह हटा दी कि चलेगा क्यों नहीं चलेगा यार इसको चलना पड़ेगा अब देख रहे हैं वह ग्रीटिंग है यह और हाई लिख कर आ गया है ठीक है तो इसलिए हम लोग अपने संटेक्स को मिलीमन स्टिक कर स�
10:37
प्रस्तुति पर प्रस्तुति प�

Arrow Functions Revisited _ JavaScript Tutorial in Hindi #91

codehunter.online

How to become a Blockchain Developer in 2022_ _ 🔥 Complete Roadmap + Salary + Tech Stack

How to make the Best Time Table_ _ Time Management for Students

Government or Private _ What job to do_

Text-To-Video_ Generate Videos from Text Prompts with Canva + RunwayML

How to Make an Animated LOWER THIRD - Easy & Quick Canva Tutorial

Easily Slice Part with Plane in FreeCAD | FreeCAD Tutorial | FreeCAD Part Design | Mechnexus |

How to Turn on & off Word Wrap Feature in VSCode IDE

How to Disable & Enable Line Numbers in VSCode IDE

How to Turn off & Disable Github Copilot AI Auto Suggestion & Autocomplete in VSCode

DEAL ALERT: How to Get 3 Months of Visible's Unlimited Plan for $20/Month!

Yugoslav Wars | Animated History

Misc. A Tiny Tale - Official Overview Trailer

Up next in 10

Arrow Functions Revisited _ JavaScript Tutorial in Hindi #91

codehunter.online