जावास्क्रिप्ट क्या है और यह कैसे काम करता है?

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

जावास्क्रिप्ट में विशेष विशेषताएं हैं जो इसे पारंपरिक प्रोग्रामिंग भाषाओं से अलग बनाती हैं। हम यह जानने जा रहे हैं कि यह क्या है, यह कैसे काम करता है और आप इसके साथ क्या कर सकते हैं। आइए इसे तोड़ दें।

जावास्क्रिप्ट क्या है?

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

भाषा का नवीनतम संस्करण ईसीएमएस्क्रिप्ट 2018 है जिसे जून 2018 में जारी किया गया था।

"विंडोज़ 10" गोपनीयता स्थापना

वेब ऐप या वेब पेज बनाने के लिए जावास्क्रिप्ट HTML और CSS के साथ काम करता है। जावास्क्रिप्ट अधिकांश आधुनिक वेब ब्राउज़र जैसे Google क्रोम, फ़ायरफ़ॉक्स, सफारी, माइक्रोसॉफ्ट एज, ओपेरा, आदि द्वारा समर्थित है। एंड्रॉइड और आईफोन के लिए अधिकांश मोबाइल ब्राउज़र अब जावास्क्रिप्ट का भी समर्थन करते हैं।

जावास्क्रिप्ट वेब पेजों के गतिशील तत्वों को नियंत्रित करता है। यह वेब ब्राउज़र में और हाल ही में वेब सर्वर पर भी काम करता है। एप्लिकेशन प्रोग्रामिंग इंटरफेस (एपीआई) भी जावास्क्रिप्ट द्वारा समर्थित हैं, जो आपको अधिक कार्यक्षमता प्रदान करते हैं।

जब आप समझते हैं कि वेब प्रोग्रामिंग कैसे काम करती है, तो जावास्क्रिप्ट के काम करने के सभी तरीकों को समझना थोड़ा आसान हो जाता है, तो आइए और जानें।

वेब ऐप बिल्डिंग ब्लॉक्स

वेबसाइट और ऐप बनाने वाले तीन घटक हैं: हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल), कैस्केडिंग स्टाइल शीट्स (सीएसएस), और जावास्क्रिप्ट। वेब ऐप बनाने में हर एक की भूमिका होती है।

एचटीएमएल एक मार्कअप भाषा है जो वेब पेज का ढांचा बनाती है। सभी पैराग्राफ, सेक्शन, इमेज, हेडिंग और टेक्स्ट HTML में लिखे गए हैं। सामग्री वेबसाइट पर उसी क्रम में दिखाई देती है जिस क्रम में वे HTML में लिखी गई हैं।
सीएसएस शैली और लेआउट के अतिरिक्त पहलुओं को नियंत्रित करता है। CSS का उपयोग रंग, फोंट, कॉलम, बॉर्डर आदि बनाने वाली वेबसाइट के डिज़ाइन को बनाने के लिए किया जाता है। यह वेबसाइट को सादे टेक्स्ट तत्वों से रंगीन डिज़ाइन तक ले जाता है।
तीसरा तत्व है जावास्क्रिप्ट। HTML और CSS संरचना बनाते हैं, लेकिन वे वहां से कुछ नहीं करते हैं। जावास्क्रिप्ट आपके ऐप पर गतिशील गतिविधि बनाता है। जावास्क्रिप्ट में स्क्रिप्टिंग वह है जो बटन क्लिक करने पर कार्य करती है, पासवर्ड फॉर्म कैसे प्रमाणित होते हैं, मीडिया कैसे नियंत्रित होता है।

फुल-स्केल ऐप्स बनाने के लिए तीनों भाग एक-दूसरे के साथ तालमेल बिठाकर काम करते हैं। यदि आप उनके साथ पूरी तरह से सहज नहीं हैं, तो HTML और CSS के बारे में अधिक जानना एक अच्छा विचार होगा।

जावास्क्रिप्ट कैसे काम करता है?

जावास्क्रिप्ट लिखने से पहले यह जानना महत्वपूर्ण है कि यह हुड के तहत कैसे काम करता है। इसके बारे में जानने के लिए दो महत्वपूर्ण भाग हैं: वेब ब्राउज़र कैसे काम करता है, और दस्तावेज़ ऑब्जेक्ट मॉडल (DOM)।

वेब ब्राउज़र एक वेब पेज लोड करता है, HTML को पार्स करता है, और सामग्री से दस्तावेज़ ऑब्जेक्ट मॉडल (डीओएम) के रूप में जाना जाता है। DOM आपके जावास्क्रिप्ट कोड में वेब पेज का लाइव व्यू प्रस्तुत करता है।

ब्राउज़र तब HTML से जुड़ी हर चीज को पकड़ लेगा, जैसे चित्र और CSS फाइलें। CSS जानकारी CSS पार्सर से आती है।

HTML और CSS को पहले वेब पेज बनाने के लिए DOM द्वारा एक साथ रखा जाता है। फिर, ब्राउज़र का जावास्क्रिप्ट इंजन जावास्क्रिप्ट फाइलों और इनलाइन कोड को लोड करता है लेकिन कोड को तुरंत नहीं चलाता है। यह HTML और CSS के लोड होने की प्रतीक्षा करता है।

एक बार ऐसा करने के बाद, कोड लिखे जाने के क्रम में जावास्क्रिप्ट को निष्पादित किया जाता है। इसके परिणामस्वरूप DOM को JavaScript कोड द्वारा अपडेट किया जाता है और ब्राउज़र द्वारा रेंडर किया जाता है।

यहां आदेश महत्वपूर्ण है। यदि जावास्क्रिप्ट HTML और CSS के समाप्त होने की प्रतीक्षा नहीं करता है, तो यह DOM तत्वों को बदलने में सक्षम नहीं होगा।

मैं जावास्क्रिप्ट के साथ क्या कर सकता हूँ?

जावास्क्रिप्ट एक पूर्ण प्रोग्रामिंग भाषा है जो ज्यादातर चीजें कर सकती है जैसे पाइथन जैसी नियमित भाषा कर सकती है। इसमे शामिल है:

ऑब्स को अपनी स्क्रीन कैसे रिकॉर्ड करें

चर घोषित करना।
मूल्यों को संग्रहित और पुनर्प्राप्त करना।
कार्यों को परिभाषित करना और लागू करना, जिसमें शामिल हैं तीर कार्य .
जावास्क्रिप्ट वस्तुओं और वर्गों को परिभाषित करना।
बाहरी मॉड्यूल लोड करना और उनका उपयोग करना।
ईवेंट हैंडलर लिखना जो क्लिक ईवेंट का जवाब देते हैं।
सर्वर कोड लिखना।
और भी बहुत कुछ।

चेतावनी: चूंकि जावास्क्रिप्ट इतनी शक्तिशाली भाषा है, इसलिए मैलवेयर, वायरस और ब्राउज़र हैक को उपयोगकर्ताओं पर थोपने के लिए लिखना भी संभव है। इनमें ब्राउज़र कुकीज, पासवर्ड, क्रेडिट कार्ड चोरी करने से लेकर आपके कंप्यूटर पर वायरस डाउनलोड करने तक शामिल हैं।

जावास्क्रिप्ट का उपयोग करना

आइए कोड उदाहरणों के साथ कुछ जावास्क्रिप्ट मूल बातें देखें।

चर घोषित करना

जावास्क्रिप्ट गतिशील रूप से टाइप किया गया है, जिसका अर्थ है कि आपको अपने कोड में अपने चर के प्रकार को घोषित करने की आवश्यकता नहीं है।

let num = 5;  
let myString = 'Hello';  
var interestRate = 0.25;

ऑपरेटर्स

योग

12 + 5  
>> 17

घटाव

20 - 8  
>> 12

गुणा

5 * 2  
>> 10

विभाजन

50 / 2  
>> 25

मापांक

45 % 4  
>> 1

सरणियों

let myArray = [1,2,4,5];  
let stringArray = ['hello','world'];

कार्यों

जावास्क्रिप्ट फ़ंक्शन लिख सकता है, यहाँ एक साधारण फ़ंक्शन है जो संख्याएँ जोड़ता है।

10 १००% डिस्क उपयोग जीतें

function addNumbers(num1,num2){  
return num1 + num2;  
}  
>> addNumbers(10,5);  
>> 15

छोरों

जावास्क्रिप्ट पुनरावृत्ति के लिए लूप निष्पादित कर सकता है, जैसे लूप छोरों के लिए तथा जबकि लूप।

for(let i = 0; i <3; i++){  
console.log('echo!');  
}  
>> echo!  
>> echo!  
>> echo!

let i = 0;  
while(i <3) {  
console.log('echo!');  
i++;  
}  
>> echo!  
>> echo!  
>> echo!

एक वेब पेज में

वेब पेज में जावास्क्रिप्ट लोड करने का सबसे आम तरीका है का उपयोग करना लिपि एचटीएमएल टैग। अपनी आवश्यकताओं के आधार पर, आप निम्न विधियों में से एक का उपयोग कर सकते हैं।

किसी बाहरी JavaScript फ़ाइल को वेब पेज में इस प्रकार लोड करें: |_+_|
यदि जावास्क्रिप्ट वेब पेज से भिन्न डोमेन से है तो आप पूरा URL निर्दिष्ट कर सकते हैं: |_+_|
जावास्क्रिप्ट को सीधे HTML में एम्बेड किया जा सकता है। यहाँ एक है |_+_|

इन विधियों के अलावा मांग पर जावास्क्रिप्ट कोड लोड करने के तरीके भी हैं। वास्तव में, जावास्क्रिप्ट मॉड्यूल को लोड करने और चलाने के लिए समर्पित ढांचे हैं जो रन टाइम पर उचित निर्भरता के साथ हल किए जाते हैं।

वे अधिक उन्नत विषय हैं, अभी आप मूल बातें सीख रहे हैं।

नमूना जावास्क्रिप्ट कोड स्निपेट्स

वेब पेजों पर इसका उपयोग कैसे किया जाता है, इसका वर्णन करने के लिए यहां कुछ सरल जावास्क्रिप्ट कोड नमूने दिए गए हैं। ये कोड के उदाहरण हैं जो DOM के साथ काम करते हैं।

निम्नलिखित सभी का चयन करता है बोल्ड दस्तावेज़ में तत्व और पहले का रंग लाल पर सेट करता है। |_+_|
छवि को a . में बदलना चाहते हैं आईएमजी उपनाम? निम्नलिखित के लिए एक ईवेंट हैंडलर संबद्ध करता है क्लिक एक बटन की घटना। |_+_|
पैराग्राफ़ की टेक्स्ट सामग्री को अपडेट करें ( पी ) तत्व? ठीक आंतरिक HTML दिखाए गए तत्व की संपत्ति: |_+_|

ये कोड नमूने सिर्फ एक झलक पेश करते हैं कि आप अपने वेब पेज पर जावास्क्रिप्ट का उपयोग करके क्या कर सकते हैं। बहुत सारे ट्यूटोरियल हैं जो आपको सिखा सकते हैं कि आपको आरंभ करने के लिए कैसे कोड करना है। आप इसे किसी भी वेब पेज पर आज़मा सकते हैं, यहाँ तक कि यह भी! अपना कंसोल खोलें और कुछ जावास्क्रिप्ट कोड आज़माएं।

अब आप जानते हैं कि जावास्क्रिप्ट क्या करता है

उम्मीद है, इस परिचय ने जावास्क्रिप्ट में कुछ अंतर्दृष्टि लाई है और आपको वेब प्रोग्रामिंग के बारे में उत्साहित किया है। आप इसे सभी में संक्षिप्त कर सकते हैं हमारी आसान जावास्क्रिप्ट चीट शीट . जावास्क्रिप्ट के बारे में जानने के लिए और भी बहुत कुछ है। एक बार जब आप अधिक सहज महसूस करते हैं तो क्यों न यह जानने का प्रयास करें कि दस्तावेज़ ऑब्जेक्ट मॉडल का उपयोग कैसे करें? आपको टाइपस्क्रिप्ट के बारे में सीखने में भी रुचि हो सकती है।

साझा करना साझा करना कलरव ईमेल कमांड प्रॉम्प्ट का उपयोग करके अपने विंडोज पीसी को कैसे साफ करें

यदि आपका विंडोज पीसी स्टोरेज स्पेस पर कम चल रहा है, तो इन फास्ट कमांड प्रॉम्प्ट यूटिलिटीज का उपयोग करके जंक को साफ करें।

आगे पढ़िए संबंधित विषय

प्रौद्योगिकी की व्याख्या
प्रोग्रामिंग
वेब विकास
जावास्क्रिप्ट
स्क्रिप्टिंग

लेखक के बारे में एंथोनी ग्रांट(40 लेख प्रकाशित)

एंथनी ग्रांट प्रोग्रामिंग और सॉफ्टवेयर को कवर करने वाला एक स्वतंत्र लेखक है। वह प्रोग्रामिंग, एक्सेल, सॉफ्टवेयर और टेक्नोलॉजी में कंप्यूटर साइंस के प्रमुख हैं।

एंथनी ग्रांट . की अन्य फ़िल्में-टीवी शो

हमारे न्यूज़लेटर की सदस्यता लें

तकनीकी युक्तियों, समीक्षाओं, निःशुल्क ई-पुस्तकों और अनन्य सौदों के लिए हमारे न्यूज़लेटर से जुड़ें!

सब्सक्राइब करने के लिए यहां क्लिक करें