𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀, 𝗣𝗿𝗼𝗰𝗲𝘀𝘀𝗲𝘀, 𝗮𝗻𝗱 𝗘𝘅𝗲𝗰𝘂𝘁𝗶𝗼𝗻
JavaScript માં નિપુણતા મેળવવા માટે કોડ કેવી રીતે ચાલે છે તે સમજવું જરૂરી છે.
અહીં તે મુખ્ય ખ્યાલો છે જે તમારે જાણવાની જરૂર છે.
𝟭. 𝟱 𝗧𝘆𝗽𝗲𝘀 𝗼𝗳 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀
- Named Function: એક ચોક્કસ નામનો ઉપયોગ કરે છે. આ તમને ભૂલો (errors) ઝડપથી શોધવામાં મદદ કરે છે.
- Anonymous Function: તેનું કોઈ નામ હોતું નથી. તમે આનો ઉપયોગ callbacks અથવા variable assignments માટે કરો છો.
- Function Expression: તમે ફંક્શનને કોઈ variable ને અસાઇન કરો છો.
- Arrow Function: => સિમ્બોલનો ઉપયોગ કરીને લખાયેલું ટૂંકું સિન્ટેક્સ. તે
thisકીવર્ડને અલગ રીતે હેન્ડલ કરે છે. - IIFE: જેવું તમે તેને વ્યાખ્યાયિત (define) કરો કે તરત જ ચાલે છે. તે તમારા કોડને અલગ (isolated) રાખે છે.
𝟮. 𝗣𝗿𝗼𝗰𝗲𝘀𝘀 𝘃𝘀. 𝗧𝗵𝗿𝗲𝗮𝗱
Process એ ચાલતો પ્રોગ્રામ છે. દરેક પ્રોસેસની પોતાની મેમરી હોય છે. જો Chrome ક્રેશ થાય, તો પણ Spotify ચાલતું રહે છે કારણ કે તેઓ અલગ-અલગ પ્રોસેસ છે.
Thread એ પ્રોસેસની અંદરનો એક નાનો એકમ છે. Threads એક જ મેમરી શેર કરે છે. આ તેમને પ્રોસેસ કરતા ઝડપી અને હળવા બનાવે છે.
𝟯. 𝗦𝘆𝗻𝗰𝗵𝗿𝗼𝗻𝗼𝘂𝘀 𝘃𝘀. 𝗔𝘀𝘆𝗻𝗰𝗵𝗿𝗼𝗻𝗼𝘂𝘀
JavaScript સિંગલ-થ્રેડેડ (single-threaded) છે. તે સામાન્ય રીતે એક સમયે એક જ કાર્ય ચલાવે છે.
Synchronous Execution: કાર્યો એક ચોક્કસ ક્રમમાં ચાલે છે. પછીની લાઇન વર્તમાન લાઇન પૂરી થાય તેની રાહ જુએ છે. જો કોઈ કાર્યમાં વધુ સમય લાગે, તો આ તમારા એપને ધીમું કરી શકે છે.
Asynchronous Execution: કાર્યો અત્યારે શરૂ થઈ શકે છે અને પછીથી પૂર્ણ થઈ શકે છે. આ તમારા કોડને બ્લોક થતો અટકાવે છે.
તે કેવી રીતે કામ કરે છે:
- Call Stack તમારા વર્તમાન કાર્યોને હેન્ડલ કરે છે.
- Web APIs બેકગ્રાઉન્ડમાં ટાઈમર અથવા ડેટા રિક્વેસ્ટ જેવા લાંબા કાર્યોને હેન્ડલ કરે છે.
- Callback Queue પૂર્ણ થયેલા કાર્યોને સાચવે છે.
- Event Loop જ્યારે સ્ટેક ખાલી હોય ત્યારે ક્યુ (queue) માંથી કાર્યોને પાછા સ્ટેક પર લાવે છે.
Asynchronous ફ્લોનું ઉદાહરણ:
- "Hi" લોગ કરો
- ૨ સેકન્ડ માટે ટાઈમર શરૂ કરો
- "End" લોગ કરો
- (૨ સેકન્ડ પસાર થાય છે) "Vicky" લોગ કરો
કોડ ટાઈમરની રાહ જોતો નથી. તે તરત જ "End" પર જાય છે.
વૈકલ્પિક લર્નિંગ કમ્યુનિટી: https://t.me/GyaanSetuAi