जावास्क्रिप्ट किस चीज से बना है?

जावास्क्रिप्ट का उपयोग करने के पहले कुछ वर्षों के दौरान, मुझे एक अभेद्य की तरह महसूस हुआ। हालाँकि मैं फ्रेमवर्क का उपयोग करके वेबसाइटें बना सकता था, फिर भी मुझे लगा कि मुझे कुछ याद आ रहा है। जावास्क्रिप्ट साक्षात्कार ने मुझे भय प्रेरित किया क्योंकि मुझे इस भाषा की मूल बातों की स्पष्ट समझ नहीं है।



इन वर्षों में, मैंने एक मानसिक जावास्क्रिप्ट मॉडल बनाया है जो मुझे आत्मविश्वास की भावना देता है। यहां मैं आपके साथ इस मॉडल का एक बहुत संक्षिप्त संस्करण साझा करने जा रहा हूं। इसकी संरचना एक शब्दकोश से मिलती जुलती है। प्रत्येक अवधारणा को कई वाक्यों में वर्णित किया गया है।

जैसा कि आप इस सामग्री को पढ़ते हैं, मानसिक रूप से मूल्यांकन करने का प्रयास करें कि आप यहां चर्चा किए गए प्रत्येक मुद्दे के बारे में कितना आत्मविश्वास महसूस करते हैं। और अगर यह पता चला कि यहाँ से बहुत सी चीजें आपको विशेष रूप से परिचित नहीं लगती हैं, तो मैं आपको इसके लिए दोषी नहीं ठहराऊंगा। लेकिन अगर यह सच है, तो सामग्री के अंत में कुछ है जो आपको स्थिति को ठीक करने में मदद करेगा।

जावास्क्रिप्ट मानसिक मॉडल

• मान। अर्थ की अवधारणा थोड़ा सार है। यह "कुछ" है। जावास्क्रिप्ट में एक मान गणित में एक संख्या, या ज्यामिति में एक बिंदु के समान है। जब आपका कार्यक्रम चलता है, तो इस कार्यक्रम की दुनिया अर्थों से भरी होती है। 1 , 2 और 420 जैसी संख्याएँ मान हैं। लेकिन अर्थ अन्य निकाय हैं। उदाहरण के लिए, वाक्य "Cows go moo" । सच है, सब कुछ अर्थ नहीं है। एक संख्या एक मूल्य है, लेकिन if एक if अब एक मूल्य नहीं है। नीचे हम विभिन्न प्रकार के मूल्यों के बारे में बात करेंगे।
  
  
  • मूल्य का प्रकार। मूल्यों के विभिन्न "प्रकार" हैं। उदाहरण के लिए, संख्याएं - जैसे 420 , तार - जैसे कि "Cows go moo" , वस्तुएं। अन्य प्रकार के मूल्य हैं। आप typeof ऑपरेटर का उपयोग करके मूल्य के प्रकार का पता लगा सकते हैं। उदाहरण के लिए, कमांड console.log(typeof 2) कंसोल को number आउटपुट करेगा।
  • आदिम मूल्य। कुछ मूल्यों में "आदिम" प्रकार होते हैं। ये संख्या, तार और कुछ अन्य अर्थ हैं। आदिम मूल्यों की एक दिलचस्प संपत्ति यह है कि आप भाषा में जितने अधिक मूल्य हैं, उससे अधिक मूल्य नहीं बना सकते, आप मौजूदा आदिम मूल्यों को नहीं बदल सकते। उदाहरण के लिए, हर बार जब आप कोड में नंबर 2 उपयोग करते हैं, तो यह समान मूल्य 2 । कार्यक्रम में एक और मूल्य 2 को "बनाना" या 3 में 2 "मोड़" बनाना असंभव है। यह तार के लिए भी सही है।
  • मान null और undefined । ये दो विशेष अर्थ हैं। वे दूसरों की तरह नहीं हैं, इस तथ्य के कारण कि बहुत सारी चीजें उनके साथ नहीं की जा सकती हैं - उनका स्वरूप अक्सर त्रुटियों की ओर जाता है। आमतौर पर, null का उपयोग एक संकेत है कि कुछ मूल्य जानबूझकर एक चर को नहीं सौंपा गया था, और undefined इंगित करता है कि कुछ मूल्य संयोग से गायब है। हालांकि, प्रोग्रामर तय करता है कि इन मूल्यों का सही उपयोग कैसे किया जाए। ये मान इस तथ्य के कारण मौजूद हैं कि कभी-कभी यह बेहतर होता है कि किसी निश्चित ऑपरेशन के निष्पादन के दौरान कोई त्रुटि हुई, और ऐसा नहीं होगा कि प्रोग्राम निष्पादन एक बिना मूल्य के "प्रसंस्करण" के बाद भी जारी रहेगा।
• समानता। अर्थ की अवधारणा की तरह, समानता की अवधारणा जावास्क्रिप्ट की मूलभूत अवधारणाओं में से एक है। हम कह रहे हैं कि दो मूल्य समान हैं यदि वे ... वास्तव में, मैं यह नहीं कहूंगा। यदि दो मूल्य समान हैं, तो इसका मतलब है कि वे एक और समान मूल्य हैं। दो अलग-अलग अर्थ नहीं हैं, लेकिन एक! उदाहरण के लिए, समानताएं "Cows go moo" === "Cows go moo" और 2 === 2 सत्य हैं। और यहाँ सब कुछ स्पष्ट है: 2 2 । कृपया ध्यान दें कि हम तीन समान संकेतों का उपयोग करते हैं, जो जावास्क्रिप्ट में मूल्यों की समानता की उपरोक्त अवधारणा का प्रतिनिधित्व करते हैं।
  
  
  • सख्त समानता। हमने पिछले पैराग्राफ में उसके बारे में बात की थी।
  • लिंक की समानता। और हमने अभी उसके बारे में भी बात की है।
  • असमान समानता। ओह, लेकिन यह कुछ पूरी तरह से अलग है। जावास्क्रिप्ट में, दो समान संकेतों ( == ) से युक्त ऑपरेटर का उपयोग करके मूल्यों की गैर-सख्त समानता के लिए जाँच की जाती है। संस्थाओं को एक-दूसरे के समान शिष्टता के साथ पहचाना जा सकता है, भले ही वे अलग-अलग अर्थों का प्रतिनिधित्व करते हों, जो एक-दूसरे के समान दिखते हैं (जैसे 2 और "2" )। सुविधा के लिए भाषा के विकास के शुरुआती चरणों में जावास्क्रिप्ट में एक गैर-सख्त समानता ऑपरेटर जोड़ा गया था। तब से, यह भ्रम का एक अथाह स्रोत रहा है। ढीली समानता की अवधारणा को मौलिक नहीं कहा जा सकता है, लेकिन यह त्रुटियों का एक विशिष्ट स्रोत है। आप कुछ बारिश के दिन गैर-सख्त समानता ऑपरेटर सीख सकते हैं, लेकिन बहुत से बस == ऑपरेटर का उपयोग नहीं करने की कोशिश करते हैं।
• शाब्दिक। जब कोई मूल्य प्रोग्राम कोड में लिखकर संदर्भित किया जाता है तो साहित्य का उपयोग किया जाता है। उदाहरण के लिए, 2 एक संख्यात्मक शाब्दिक है, और "Banana" एक स्ट्रिंग शाब्दिक है।
• चर। चर आपको नामों का उपयोग करके मूल्यों को संदर्भित करने की अनुमति देते हैं। उदाहरण के लिए, let message = "Cows go moo" । एक समान निर्माण के बाद कोड में उपयोग किया गया है, जहां भी आपको "Cows go moo" वाक्य की आवश्यकता होती है, आप इस वाक्य को दोहराने के बजाय सिर्फ message लिख सकते हैं। बाद में, आप परिवर्तनशील बिंदु को किसी अन्य चीज़ से message को बदल सकते हैं। उदाहरण के लिए, इस निर्माण का उपयोग करते हुए: message = "I am the walrus" । कृपया ध्यान दें कि यह स्वयं अर्थ नहीं बदलता है। यह केवल वही प्रभावित करता है जो चर को संदर्भित करता है। यह कुछ और के लिए एक चर नाम "जोड़ने" की तरह है। सबसे पहले चर को "Cows go moo" लिए" से जोड़ा गया था, और अब "I am the walrus" ।
  
  
  • चर का दायरा। यदि पूरे कार्यक्रम में नाम message साथ केवल एक चर का उपयोग किया जा सकता है, तो यह बहुत बुरा होगा। जब हम एक चर घोषित करते हैं, तो यह केवल कार्यक्रम के कुछ हिस्से में उपलब्ध होता है। इस भाग को "चर का दायरा" कहा जाता है। ऐसे नियम हैं जो गुंजाइश की विशेषताओं का वर्णन करते हैं। आप आमतौर पर एक चर के दायरे की पहचान करके यह पता लगा सकते हैं कि घुंघराले ब्रेस ( {} ) से घिरा ब्लॉक किसके द्वारा घोषित किया गया है। इस ब्लॉक को वेरिएबल का दायरा भी कहा जा सकता है।
  • वैरिएबल को मान निर्दिष्ट करना। जब हम कोड में message = "I am the walrus" लिखता message = "I am the walrus" , तो यह इस तथ्य की ओर जाता है कि हम message चर को बदलते हैं ताकि यह "I am the walrus" मान को इंगित करता है। इस ऑपरेशन को वैरिएबल को वैल्यू असाइन करना, या वैरिएबल को कुछ लिखना या वैरिएबल सेट करना कहते हैं।
  • कीवर्ड let , const और var । आमतौर पर, चर घोषित करने के लिए सबसे अच्छा कीवर्ड है। यदि आप यह सुनिश्चित करना चाहते हैं कि एक चर में कुछ भी नया नहीं लिखा जा सकता है, तो आप const कीवर्ड का उपयोग कर सकते हैं। (कुछ कोड आधार और आदेश इस मुद्दे के बारे में पांडित्यपूर्ण हैं, सभी को मजबूर करता है, यदि मान केवल चर के लिए लिखा गया है, तो const उपयोग करें।) चर कीवर्ड का उपयोग न करने की कोशिश करें, क्योंकि इसके साथ घोषित चर। चर के दायरे की परिभाषा से संबंधित संबंधित नियम।
• Object टाइप करें। Object प्रकार, जिसमें से संबंधित ऑब्जेक्ट को ऑब्जेक्ट कहा जाता है, जावास्क्रिप्ट में एक विशेष भूमिका निभाता है। वस्तुओं की एक उल्लेखनीय विशेषता यह है कि वे अन्य मूल्यों से जुड़े हो सकते हैं। उदाहरण के लिए, {flavor: "vanilla"} वस्तु में एक flavor गुण है जो "vanilla" के मूल्य को इंगित करता है। वस्तुओं को स्वतंत्र मूल्यों के रूप में माना जा सकता है, जिसमें से अन्य मूल्यों के लिंक खींचे जाते हैं।
  
  
  • वस्तु की संपत्ति। एक संपत्ति एक "कनेक्शन" की तरह है जो एक वस्तु से आती है और एक निश्चित मूल्य को इंगित करती है। यह आपको एक चर के विचार की याद दिला सकता है: एक संपत्ति का एक नाम ( flavor तरह) है, यह एक मूल्य (जैसे "vanilla" ) को इंगित करता है। लेकिन, एक चर के विपरीत, ऑब्जेक्ट के अंदर "लाइव" गुण, और कोड में कहीं नहीं (चर के एक निश्चित दायरे में)। एक संपत्ति को वस्तु का हिस्सा माना जाता है, और संपत्ति द्वारा संदर्भित मूल्य को वस्तु का हिस्सा नहीं माना जाता है।
  • वस्तु शाब्दिक। ऑब्जेक्ट शाब्दिक एक तंत्र है जो आपको कोड में उपयुक्त निर्माण शुरू करके ऑब्जेक्ट बनाने की अनुमति देता है। उदाहरण के लिए, यह {} या {flavor: "vanilla"} । घुंघराले कोष्ठक में, प्रपत्र : कई जोड़े : , अल्पविराम द्वारा अलग किए गए, घोषित किए जा सकते हैं। यह हमें वस्तुओं के गुणों द्वारा संदर्भित मूल्यों को निर्दिष्ट करने की अनुमति देता है।
  • वस्तुओं की पहचान। हमने पहले ही कहा है कि 2 के बराबर है (दूसरे शब्दों में - 2 === 2 ), क्योंकि हम जहां भी नंबर 2 लिखते हैं, हम इस स्थान पर उसी मूल्य को "कॉल" करते हैं। लेकिन हर बार जब हम {} लिखते हैं, तो हमें हमेशा अलग मूल्य मिलते हैं। नतीजतन, फॉर्म {} एक ऑब्जेक्ट दूसरे ऑब्जेक्ट के बराबर नहीं है, जो {} जैसा दिखता है। कंसोल में निम्नलिखित लिखने का प्रयास करें: {} === {} (परिणाम false होगा)। जब कंप्यूटर कोड में नंबर 2 सामना करता है, तो यह हमेशा एक ही ड्यूस के साथ काम करता है। लेकिन वस्तु शाब्दिक कुछ और हैं। जब कंप्यूटर {} सामना करता है, तो यह एक नई वस्तु बनाता है, जो हमेशा नया मूल्य होता है। समानता के लिए वस्तुओं की जांच कैसे करें? "समानता" की अवधारणा को "मूल्यों की पहचान" की अवधारणा के रूप में माना जा सकता है। जब हम कहते हैं: " a और b समान हैं" - इसका मतलब है कि हमारा मतलब है कि a और b a ही मूल्य का संकेत देते हैं (अर्थात, a === b )। जब हम कहते हैं कि a और b समान नहीं हैं, तो इसका मतलब है कि a और b अलग-अलग मानों को दर्शाते हैं (अर्थात, a !== b )।
  • बिंदु संकेतन। जब आपको किसी वस्तु की संपत्ति का मूल्य पढ़ने या किसी संपत्ति को कुछ लिखने की आवश्यकता होती है, तो आप डॉट नोटेशन () का उपयोग कर सकते हैं। उदाहरण के लिए, यदि वैरिएबल iceCream एक ऐसी वस्तु की ओर iceCream करता है, जिसके गुण flavor में स्ट्रिंग "chocolate" , तो iceCream.flavor निर्माण हमें "chocolate" ।
  • ब्रैकेट नोटेशन। कभी-कभी एक्सेस की जाने वाली वस्तु की संपत्ति का नाम अग्रिम में ज्ञात नहीं होता है। उदाहरण के लिए, कभी-कभी आपको iceCream.flavor गुण का मान पढ़ने की आवश्यकता iceCream.flavor है, और कभी-कभी आपको iceCream.flavor गुण का मान पढ़ने की आवश्यकता iceCream.flavor है। ब्रैकेट नोटेशन ( [] ) आपको चर का उपयोग करके उनके नाम सेट करके वस्तुओं के गुणों तक पहुंचने की अनुमति देता है। उदाहरण के लिए, मान लें कि कोड में ऐसा कोई वैरिएबल है: let ourProperty = 'flavor' । इसका मतलब यह है कि iceCream[ourProperty] जैसी डिजाइन हमें "chocolate" का मूल्य देगी। दिलचस्प है, आप ऑब्जेक्ट बनाते समय कोष्ठक संकेतन का उपयोग कर सकते हैं: { [ourProperty]: "vanilla" } ।
  • उत्परिवर्तन। हम इस तथ्य के बारे में बात कर रहे हैं कि अगर कोई वस्तु अपनी संपत्ति के लिए एक नया मूल्य लिखती है (या बदलती है)। उदाहरण के लिए, यदि हमने कोई ऑब्जेक्ट बनाया है, तो let iceCream = {flavor: "vanilla"} , बाद में हम iceCream.flavor = "chocolate" का उपयोग कर संपत्ति को एक नया मान दे सकते हैं। कृपया ध्यान दें कि यहां तक ​​कि अगर हमने iceCream कीवर्ड का उपयोग करके वैरिएबल iceCream घोषित किया है, तो यह हमें iceCream.flavor ऑब्जेक्ट की संपत्ति को बदलने से नहीं रोक सकता है। इसका कारण यह है कि iceCream का उपयोग केवल iceCream वैरिएबल को अधिलेखित होने से बचाता है, और हम वैरिएबल द्वारा संदर्भित ऑब्जेक्ट की flavor संपत्ति को बदलते हैं। कुछ लोगों ने केवल const का उपयोग करने से इनकार कर दिया है क्योंकि यह कीवर्ड प्रोग्रामर को गुमराह करने में सक्षम है।
  • सरणी। एक सरणी एक वस्तु है जो कुछ मूल्यों का एक संग्रह है। उदाहरण के लिए, सरणी लिटरल का उपयोग करके एरे को घोषित किया जा सकता है: इस तरह: ["banana", "chocolate", "vanilla"] । इस तरह के निर्माण का उपयोग करने से एक वस्तु का निर्माण होता है जिसका नाम 0 साथ संपत्ति स्ट्रिंग "banana" , संपत्ति 1 - स्ट्रिंग "chocolate" , संपत्ति 2 - मूल्य "vanilla" । इस तरह एक ही बात लिखना थकाऊ होगा: {0: ..., 1: ..., 2: ...} । इसलिए, सरणियाँ उपयोगी संरचनाएं हैं। एरे में अंतर्निहित तंत्र हैं जो उनके तत्वों के साथ काम करने के लिए डिज़ाइन किए गए हैं। उनमें से map , filter और विधियाँ reduce । यदि नाम reduce करना आपको भ्रमित reduce लगता है तो निराश न हों। यह सभी के लिए समझ से परे है।
  • प्रोटोटाइप। यदि आप किसी ऐसी वस्तु तक पहुँचने का प्रयास करते हैं जो मौजूद नहीं है? उदाहरण के लिए, यदि हम iceCream.taste तक iceCream.taste तो क्या होता है और ऑब्जेक्ट में केवल flavor गुण flavor है? यदि हम इस प्रश्न का विवरण में जाने के बिना उत्तर देते हैं, तो हम कह सकते हैं कि यदि हम किसी गैर-संपत्ति को चालू करने का प्रयास करते हैं, तो हमें undefined का एक विशेष मूल्य मिलता है। यदि आप इस प्रश्न का विस्तृत उत्तर देते हैं, तो आपको इस तथ्य से शुरू करने की आवश्यकता है कि जावास्क्रिप्ट में अधिकांश वस्तुओं में तथाकथित "प्रोटोटाइप" है। किसी वस्तु के प्रोटोटाइप को "छिपी हुई" संपत्ति के रूप में माना जा सकता है जो सिस्टम को बताता है कि अनुरोधित संपत्ति की खोज करना है यदि यह ऑब्जेक्ट में ही नहीं है। हमारे उदाहरण में, जब यह पता चलता है कि iceCream ऑब्जेक्ट में कोई taste गुण नहीं है, तो जावास्क्रिप्ट ऑब्जेक्ट के प्रोटोटाइप में इस संपत्ति की तलाश करेगा, जो एक वस्तु भी है। और अगर वह वहां नहीं मिलता है, तो प्रोटोटाइप के प्रोटोटाइप में, और इसी तरह। एक undefined मान केवल तभी .taste किया जाएगा जब प्रोटोटाइप श्रृंखला के अंत तक पहुंच गया है, और .taste संपत्ति नहीं मिली है। आपको शायद ही कभी इस तंत्र के साथ सीधे काम करना पड़ता है, लेकिन प्रोटोटाइप के बारे में जानकर, आप समझ सकते हैं कि क्यों iceCream ऑब्जेक्ट में एक iceCream विधि है जिसे हमने कभी घोषित नहीं किया है। यह विधि ऑब्जेक्ट के प्रोटोटाइप से ली गई है।
• समारोह। एक फ़ंक्शन एक विशेष अर्थ है जो प्रोग्राम कोड के एक टुकड़े का प्रतिनिधित्व करने के एकमात्र उद्देश्य के लिए मौजूद है। कार्य उन स्थितियों में सुविधाजनक हैं जहां प्रोग्रामर लगातार एक ही कोड लिखना नहीं चाहता है। फ़ंक्शन के लिए एक "कॉल" जो sayHi() की तरह दिखता है sayHi() कंप्यूटर को बताता है कि इसे फ़ंक्शन के अंदर कोड निष्पादित करने की आवश्यकता है, और फिर फ़ंक्शन को कॉल करने के लिए वापस लौटना होगा। जावास्क्रिप्ट में फंक्शंस घोषित करने के कई तरीके हैं जो थोड़े अलग हैं।
  
  
  • फ़ंक्शन के तर्क (या पैरामीटर)। तर्क आपको उस जगह से फ़ंक्शन के लिए कुछ डेटा पास करने की अनुमति देते हैं जहां फ़ंक्शन कहा जाता है। उदाहरण के लिए, यह इस तरह दिख सकता है: sayHi("Amelie") । एक फ़ंक्शन में तर्कों का व्यवहार चर के व्यवहार के समान है। "पैरामीटर" और "तर्कों" शब्दों का उपयोग इस बात पर निर्भर करता है कि वास्तव में क्या चर्चा की जा रही है - किसी फ़ंक्शन की घोषणा के बारे में, या इसके कॉल के बारे में। यद्यपि शब्दावली में अंतर सटीक है - व्यवहार में, इन शब्दों का उपयोग परस्पर विनिमय के लिए किया जाता है।
  • क्रियात्मक अभिव्यक्ति। पहले हमने चर मानों को चर में लिखा था। उदाहरण के लिए, let message = "I am the walrus" । जैसा कि यह पता चला है, एक फ़ंक्शन को एक चर में भी लिखा जा सकता है: let sayHi = function() { } । = चिन्ह के बाद जो आता है उसे क्रियात्मक अभिव्यक्ति कहते हैं। यह हमें एक विशेष अर्थ (कार्य) देता है, जो कोड का एक टुकड़ा है। अगर हमें इस कोड को निष्पादित करने की आवश्यकता है, तो हम संबंधित फ़ंक्शन को कॉल कर सकते हैं।
  • समारोह की घोषणा। एक प्रोग्रामर को लगातार कुछ लिखने से थकान हो सकती है जैसे let sayHi = function() { } । यदि ऐसा है, तो एक फ़ंक्शन का वर्णन करने के लिए एक छोटा रूप यहां इस्तेमाल किया जा सकता है: function sayHi() { } । इस निर्माण को फ़ंक्शन डिक्लेरेशन कहा जाता है। अभिव्यक्ति के बाईं ओर एक चर नाम निर्दिष्ट करने के बजाय, हमने यह नाम function कीवर्ड के बाद रखा है। आमतौर पर, ऊपर वर्णित कार्यों को बनाने के लिए दो शैलीएं विनिमेय हैं।
  • कार्यक्षेत्र के शीर्ष पर उठाना। आमतौर पर एक वैरिएबल का उपयोग तब किया जा सकता है, जब इसे घोषणा के स्थान के नीचे let या const का उपयोग करके घोषित किया गया हो। कार्यों के मामले में, यह असुविधाजनक हो सकता है। कार्य एक दूसरे को कॉल कर सकते हैं। यह पता लगाना कि पहले किसको बनाया जाना एक कठिन काम हो सकता है। अच्छी बात यह है कि फ़ंक्शन घोषणाओं का उपयोग करते समय (और केवल इस दृष्टिकोण का उपयोग करते समय!), जिस क्रम में वर्णित कार्यों का क्रम महत्वपूर्ण नहीं है। तथ्य यह है कि इस दृष्टिकोण के साथ, कार्यक्षेत्र के ऊपरी हिस्से में "वृद्धि" होता है। यही है, यह पता चलता है कि फ़ंक्शन, यहां तक ​​कि जब आप उन्हें कोड से कॉल करने का प्रयास करते हैं जो उनके घोषणा से पहले आते हैं, पहले से ही परिभाषित और काम करने के लिए तैयार हैं।
  • यह कीवर्ड। शायद कीवर्ड this एक जावास्क्रिप्ट अवधारणा है जो सबसे अधिक बार गलत समझा जाता है। इस कीवर्ड की तुलना एक विशेष फ़ंक्शन तर्क से की जा सकती है। लेकिन हम खुद इसके कार्यों को स्थानांतरित नहीं करते हैं। जावास्क्रिप्ट इसे पास करता है। इसका मान this बात पर निर्भर करता है कि फ़ंक्शन कैसे कहा जाता है। उदाहरण के लिए, जब डॉट संकेतन का उपयोग करके ऑब्जेक्ट विधि को कॉल करना, जैसे कि iceCream.eat() , this इंगित करेगा कि बिंदु के सामने क्या है। हमारे उदाहरण में, यह एक iceCream ऑब्जेक्ट है। किसी फ़ंक्शन में इसका मान this बात पर निर्भर करता है कि फ़ंक्शन को कैसे कहा जाता है, और उस पर नहीं जहां इसे घोषित किया गया था। विशेष तरीके हैं, जैसे कि .apply , .apply , और .apply , जो प्रोग्रामर को this नियंत्रित करने की क्षमता देते हैं कि इसमें क्या मिलता है।
  • तीर कार्य। एरो फ़ंक्शंस कार्यात्मक अभिव्यक्तियों से मिलते जुलते हैं। उन्हें इस तरह घोषित किया जाता है: let sayHi = () => { } । वे कॉम्पैक्ट हैं और अक्सर सिंगल-लाइन डिज़ाइन के लिए उपयोग किए जाते हैं। तीर के कार्यों की क्षमता पारंपरिक कार्यों की क्षमताओं से अधिक सीमित है। उदाहरण के लिए, उनके पास यह कीवर्ड नहीं है। जब this कीवर्ड का उपयोग एरो फंक्शन में किया जाता है, तो इसे उस फंक्शन से लिया जाता है जिसमें एरो फंक्शन एम्बेडेड होता है। यह एक फ़ंक्शन को कॉल करने के समान है और एक फ़ंक्शन से एक चर दूसरे फ़ंक्शन में नेस्टेड है। व्यवहार में, इसका मतलब यह है कि तीर फ़ंक्शन का उपयोग तब किया जाता है जब वे एक ही मूल्य चाहते हैं जो उनके आस-पास मौजूद कोड में मौजूद हो।
  • this मान को फ़ंक्शंस से बांधना। आमतौर पर, एक निश्चित फ़ंक्शन को this एक विशिष्ट मूल्य के लिए और एक निश्चित तर्क के लिए बाध्य करने का मतलब है कि एक नया फ़ंक्शन बनाया जाता है जो फ़ंक्शन को इन पूर्वनिर्धारित मूल्यों के साथ कॉल करता है। जावास्क्रिप्ट में बाध्यकारी कार्यों के लिए एक सहायक तंत्र है - .bind विधि, लेकिन आप इसे अन्य तरीकों से कार्यों के लिए बाध्य कर सकते हैं। बाइंडिंग नेस्टेड फ़ंक्शंस प्राप्त करने का एक लोकप्रिय तरीका था "देखने के लिए" this मूल्य उनके लिए बाहरी फ़ंक्शन के समान है। अब, तीर फ़ंक्शंस का उपयोग एक समान स्थिति में किया जाता है, परिणामस्वरूप, फ़ंक्शन बाइंडिंग का उपयोग हमारे समय में बार-बार किया जाता है।
  • कॉल स्टैक एक फ़ंक्शन को कॉल करना एक कमरे में प्रवेश करने जैसा है। हर बार जब हम किसी फ़ंक्शन को कॉल करते हैं, तो उसके अंदर के वेरिएबल्स को फिर से शुरू किया जाता है। नतीजतन, प्रत्येक फ़ंक्शन कॉल एक फ़ंक्शन कोड के साथ एक नया "कमरा" बनाने जैसा है। जब "कमरा" "निर्मित" होता है, तो इसमें "दर्ज" किया जाता है, फ़ंक्शन कोड निष्पादित किया जाता है। इस "कमरे" में एक फ़ंक्शन "लाइव" में घोषित चर। जब फ़ंक्शन से वापसी की जाती है, तो "कक्ष" अपनी सभी सामग्रियों के साथ गायब हो जाता है। फ़ंक्शन कॉल द्वारा बनाए गए इन सभी "कमरों" को एक उच्च "टॉवर" के रूप में दर्शाया जा सकता है। यह एक कॉल स्टैक है। जब हम एक निश्चित फ़ंक्शन से बाहर निकलते हैं, तो हम फ़ंक्शन पर पहुंचते हैं, जो कॉल स्टैक में "नीचे" स्थित है।
  • प्रत्यावर्तन। पुनरावृत्ति तब होती है जब कोई फ़ंक्शन स्वयं को कॉल करता है। यह तकनीक उन मामलों में उपयोगी है जहां फ़ंक्शन द्वारा पहले ही किया जा चुका है, लेकिन अन्य तर्कों का उपयोग करने की आवश्यकता है। उदाहरण के लिए, यदि हम एक खोज इंजन लिखते हैं जो वेबसाइटों की खोज करता है, तो हमारे पास collectLinks(url) फ़ंक्शन हो सकता है। यह फ़ंक्शन पहले किसी साइट के पृष्ठ पर स्थित लिंक एकत्र करता है, और फिर खुद को पाए गए प्रत्येक लिंक को पास करते हुए, खुद को कॉल करता है।यह तब तक होता है जब तक कि किसी साइट के सभी पृष्ठ नहीं आते। पुनरावृत्ति का खतरा यह है कि, दुर्घटना से, आप एक ऐसा कार्य लिख सकते हैं जो अनिश्चित काल के लिए खुद को आह्वान करेगा। सच है, अगर प्रोग्राम में वास्तव में अनंत पुनरावृत्ति होती है, तो इससे कॉल स्टैक का अतिप्रवाह होगा और प्रोग्राम निष्पादन एक त्रुटि के साथ बंद हो जाएगा stack overflow। इस तथ्य के कारण स्टैक ओवरफ्लो हो जाता है कि फ़ंक्शंस के बारे में बहुत सारी प्रविष्टियाँ इसमें आती हैं।
  • . — , , . , , — . — , — , , . , .
  • . () — , JavaScript. , , . : . . , setTimeout , … -. , . — . « », , .
  • . , , , , . - , . ? - . — . . , - . JavaScript, , . «». JavaScript, , , , .

JavaScript , . . JavaScript. , . JavaScript. — Just JavaScript . , , JavaScript.

! JavaScript?