𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀, 𝗧𝗵𝗿𝗲𝗮𝗱𝘀, 𝗮𝗻𝗱 𝗔𝘀𝘆𝗻𝗰𝗵𝗿𝗼𝗻𝗼𝘂𝘀 𝗘𝘅𝗲𝗰𝘂𝘁𝗶𝗼𝗻
JavaScript अंतर्गत (under the hood) कसे कार्य करते हे तुम्हाला समजून घेणे आवश्यक आहे.
फंक्शन्स, प्रोसेसेस, थ्रेड्स आणि एक्झिक्यूशन स्टाइल्सचा तपशील खालीलप्रमाणे आहे.
𝗞𝗶𝗻𝗱𝘀 𝗼𝗳 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀
- Named Function: यामध्ये एक विशिष्ट नाव वापरले जाते. यामुळे डीबगिंग (debugging) करणे सोपे जाते.
- Anonymous Function: याला कोणतेही नाव नसते. तुम्ही अनेकदा यांचा वापर कॉलबॅक (callbacks) म्हणून करता.
- Function Expression: तुम्ही एका व्हेरिएबलला (variable) फंक्शन नियुक्त करता.
- Arrow Function: => या चिन्हाचा वापर करून लिहिलेली ही एक संक्षिप्त पद्धत (syntax) आहे.
- IIFE: 'Immediately Invoked Function Expression'. तुम्ही ते परिभाषित (define) करताच ते लगेच कार्यान्वित होते.
𝗣𝗿𝗼𝗰𝗲𝘀𝘀 𝘃𝘀. 𝗧𝗵𝗿𝗲𝗮𝗱
Process म्हणजे तुमच्या संगणकावर चालणारा एक प्रोग्राम आहे.
- प्रत्येक प्रोसेसची स्वतःची मेमरी असते.
- जर एक प्रोसेस क्रॅश झाली, तर इतर चालू राहतात.
- उदाहरण: Chrome आणि Spotify या वेगवेगळ्या प्रोसेसेस आहेत.
Thread ही प्रोसेसमधील एक लहान युनिट आहे.
- थ्रेड्स एकाच मेमरीचा वापर करतात.
- ते एकाच प्रोग्रामला एकाच वेळी अनेक गोष्टी करण्यास अनुमती देतात.
- उदाहरण: Chrome मध्ये, एक थ्रेड पेज रेंडर करतो तर दुसरा तुमच्या माऊस क्लिक्स हाताळतो.
𝗦𝘆𝗻𝗰𝗵𝗿𝗼𝗻𝗼𝘂𝘀 𝘃𝘀. 𝗔𝘀𝘆𝗻𝗰𝗵𝗿𝗼𝗻𝗼𝘂𝘀
JavaScript हे single-threaded आहे. ते call stack वापरून एका वेळी एकच टास्क हाताळते.
Synchronous Execution:
- टास्क एकामागून एक चालतात.
- प्रत्येक टास्क मागील टास्क पूर्ण होण्याची वाट पाहतो.
- संथ (slow) टास्कमुळे तुमचा कोड चालण्यास अडथळा येऊ शकतो.
Asynchronous Execution:
- टास्क बॅकग्राउंडमध्ये चालतात.
- टास्क पूर्ण होण्याची वाट पाहत असताना कोड थांबत नाही.
- यासाठी Web APIs, Callback Queue आणि Event Loop चा वापर केला जातो.
Asynchronous कसे कार्य करते:
- JavaScript एखादा टास्क (उदा. टाइमर) Web API कडे पाठवते.
- मुख्य कोड चालू राहतो.
- एकदा टास्क पूर्ण झाला की, तो Callback Queue मध्ये जातो.
- जेव्हा Call Stack रिकामी असते, तेव्हा Event Loop त्याला Call Stack मध्ये हलवते.
यामुळे तुमचे वेब ॲप्स जलद आणि रिस्पॉन्सिव्ह (responsive) राहतात.