-
JavaScript Function call(): this बाइंडिंग नियंत्रित करें
Function.prototype.call() मेथड किसी फंक्शन को दिए गए this मान और व्यक्तिगत रूप से प्रदान किए गए आर्गुमेंट्स के साथ कॉल करता है। यह किसी ऑब्जेक्ट के मेथड को दूसरे ऑब्जेक्ट पर उधार लेने की अनुमति देता है। उदाहरण { checkAdult.call(person, कार, भारत); }); </script> </body> &
-
JavaScript फंक्शन परिभाषा: घोषणा vs अभिव्यक्ति
JavaScript में फंक्शन बनाने के दो मुख्य तरीके हैं: फंक्शन डिक्लेरेशन (घोषणा) और फंक्शन एक्सप्रेशन (अभिव्यक्ति)। दोनों के अलग-अलग व्यवहार और उपयोग के मामले हैं। उदाहरण { sampleEle.innerHTML = helloWorld (डिक्लेरेशन):\n + helloWorld.toString() + \n\n; sampleEle.innerHTML += testFun
-
JavaScript Array.includes(): एरे में तत्व खोजें
Array.includes() मेथड जांचता है कि कोई एरे दिए गए तत्व को शामिल करता है या नहीं, और true या false लौटाता है। यह indexOf() !== -1 से अधिक पठनीय है। उदाहरण { fillEle.innerHTML = शेर एरे में मौजूद है: + arr.includes(शेर); }); </script> </body> </html> आउटपुट क्लिक क
-
JavaScript Array.isArray(): एरे पहचान का मानक तरीका
Array.isArray() एक स्थिर मेथड है जो विश्वसनीय रूप से जांचता है कि कोई मान एरे है या नहीं। यह instanceof Array से बेहतर है क्योंकि यह क्रॉस-फ्रेम/आईफ्रेम काम करता है। उदाहरण { fillEle.innerHTML = उपरोक्त ऑब्जेक्ट एरे है: + Array.isArray(arr); }); </script> </body> </h
-
JavaScript Cursor प्रॉपर्टी: माउस कर्सर शैली बदलें
CSS cursor प्रॉपर्टी माउस पॉइंटर की उपस्थिति निर्धारित करती है जब यह किसी एलिमेंट पर होवर करता है। JavaScript से इसे डायनामिकली बदला जा सकता है। उदाहरण { isCrosshair = !isCrosshair; sampleEle.style.cursor = isCrosshair ? crosshair : default; btn.textContent = isCrosshair
-
JavaScript RegExp compile() मेथड: अप्रचलित (Deprecated)
चेतावनी: RegExp.compile() मेथड JavaScript 1.5 से अप्रचलित (deprecated) है और आधुनिक कोड में उपयोग नहीं किया जाना चाहिए। यह ऐतिहासिक संदर्भ के लिए दस्तावेज़ीकृत है। ऐतिहासिक उदाहरण { let str = sampleEle.innerHTML; let pattern = /man/g; let str2 = str.replace(pattern, व्यक
-
JavaScript console.log(): डिबगिंग का मूल उपकरण
console.log() JavaScript में सबसे अधिक उपयोग किया जाने वाला डिबगिंग टूल है। यह ब्राउज़र के डेवलपर कंसोल में संदेश, ऑब्जेक्ट्स, एरे, और कोई भी मान प्रिंट करता है। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-ser
-
JavaScript Const: ब्लॉक-स्कोप्ड कॉन्स्टेंट्स
const ES2015 (ES6) में पेश किया गया एक ब्लॉक-स्कोप्ड वेरिएबल डिक्लेरेशन है जो रीअसाइनमेंट को रोकता है। यह आधुनिक JavaScript में डिफ़ॉल्ट विकल्प होना चाहिए जब रीअसाइनमेंट की आवश्यकता न हो। उदाहरण { try { a = 44; // TypeError: Assignment to constant variable } catch (e
-
JavaScript में स्ट्रिंग को बूलियन में बदलें
JavaScript में स्ट्रिंग को बूलियन में बदलना एक सामान्य कार्य है, लेकिन इसके कई तरीके हैं जिनके अलग-अलग व्यवहार होते हैं। सही विधि चुनना महत्वपूर्ण है। उदाहरण { const val = inputEle.value.trim(); sampleEle.innerHTML = ; // विभिन्न विधियां sampleEle.innerH
-
JavaScript में Array को JSON में बदलें
JSON.stringify() मेथड JavaScript एरे या ऑब्जेक्ट को JSON स्ट्रिंग में बदलता है, जो डेटा स्टोरेज, API कम्युनिकेशन, और डिबगिंग के लिए आवश्यक है। उदाहरण { const jsonString = JSON.stringify(arr); sampleEle.innerHTML += JSON स्ट्रिंग: + jsonString; }); </script> </body
-
JavaScript से माउस निर्देशांक प्राप्त करें
JavaScript में माउस निर्देशांक प्राप्त करना इंटरैक्टिव वेब एप्लिकेशन, गेम, और UI प्रभावों के लिए आवश्यक है। mousemove इवेंट रियल-टाइम पोजीशन ट्रैकिंग प्रदान करता है। उदाहरण { sampleEle.innerHTML = `X अक्ष: ${event.clientX} | Y अक्ष: ${event.clientY}`; }); </script> </body&g
-
JavaScript कस्टम इमेज स्लाइडर बनाएं: पूर्ण कोड
एक कस्टम इमेज स्लाइडर (कैरोसेल) वेबसाइटों पर छवियों को प्रदर्शित करने का एक लोकप्रिय UI घटक है। यह CSS एनिमेशन और JavaScript लॉजिक को जोड़ता है। पूर्ण कार्यान्वयन slides.length) slideIndex = 1; if (n changeSlides(1), 5000); </script> </body> </html> विशेषताएं पिछ
-
JavaScript encodeURI, decodeURI और कंपोनेंट फंक्शंस
URI एन्कोडिंग वेब डेवलपमेंट में महत्वपूर्ण है ताकि विशेष वर्ण URL में सुरक्षित रूप से प्रसारित हो सकें। JavaScript चार मुख्य फंक्शन प्रदान करता है: फंक्शनउद्देश्यएन्कोड नहीं करता encodeURI()पूरा URI एन्कोड करता है, / ? : @ & = + $ # encodeURIComponent()UR
-
JavaScript त्रुटि और अपवाद प्रबंधन: पूर्ण उदाहरण
JavaScript में त्रुटि और अपवाद प्रबंधन try, catch, finally, और throw स्टेटमेंट्स का उपयोग करके किया जाता है। यह एप्लिकेशन को क्रैश होने से बचाता है और उपयोगकर्ता अनुभव को बेहतर बनाता है। उदाहरण: विभाजन कैलकुलेटर { const num = document.querySelectorAll(.inputNum)[0].value; const n
-
JavaScript Error message प्रॉपर्टी: त्रुटि संदेश प्राप्त करें
JavaScript में Error.message प्रॉपर्टी त्रुटि का विवरण देने वाला मानव-पठनीय संदेश सेट या लौटाती है। यह त्रुटि हैंडलिंग और डिबगिंग के लिए आवश्यक है। उदाहरण { try { // जानबूझकर त्रुटि: confirm को confrm लिखा गया है confrm(क्या आप निश्चित हैं?); } catch (e)
-
CSS और JavaScript से कॉलैप्सिबल सेक्शन बनाएं
कॉलैप्सिबल सेक्शन (अकॉर्डियन) वेब पेज पर कंटेंट को व्यवस्थित करने का एक शानदार तरीका है, जिससे उपयोगकर्ता केवल वही देखते हैं जिसमें वे रुचि रखते हैं। उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> bo
-
CSS और JavaScript से टू-डू लिस्ट बनाएं: पूर्ण गाइड
CSS और JavaScript का उपयोग करके एक इंटरैक्टिव टू-डू लिस्ट बनाना वेब डेवलपमेंट सीखने का एक उत्कृष्ट तरीका है। यह DOM मैनिपुलेशन, इवेंट हैंडलिंग, और लोकल स्टोरेज जैसी अवधारणाओं को कवर करता है। उदाहरण { if (e.key === Enter) addItem(); }); </script> </body> </html> आउ
-
JavaScript Symbol.toPrimitive: ऑब्जेक्ट को प्रिमिटिव में बदलें
Symbol.toPrimitive एक वेल-नोन सिंबल है जो किसी ऑब्जेक्ट को संबंधित प्रिमिटिव मान में बदलने के लिए फंक्शन को निर्दिष्ट करता है। जब किसी ऑब्जेक्ट को प्रिमिटिव मान की आवश्यकता होती है, तो JavaScript इस मेथड को कॉल करता है। सिंटैक्स obj[Symbol.toPrimitive](hint) hint पैरामीटर अपेक्षित प्रकार निर्दिष्ट
-
JavaScript Symbol.for() फंक्शन: ग्लोबल सिंबल रजिस्ट्री
Symbol.for() फंक्शन रनटाइम-वाइड सिंबल रजिस्ट्री में दिए गए की के लिए सिंबल खोजता है। यदि सिंबल मिल जाता है तो उसे लौटाता है, अन्यथा ग्लोबल सिंबल रजिस्ट्री में एक नया सिंबल बनाकर लौटाता है। उदाहरण (fillEle.innerHTML += item.toString() + <br>)); }); </script> </body> </htm
-
JavaScript Symbol.hasInstance प्रॉपर्टी: विस्तृत व्याख्या
Symbol.hasInstance एक वेल-नोन सिंबल है जो यह निर्धारित करता है कि कोई कंस्ट्रक्टर किसी ऑब्जेक्ट को अपना इंस्टेंस मानता है या नहीं। यह instanceof ऑपरेटर के व्यवहार को अनुकूलित करने की अनुमति देता है। उदाहरण { fillEle.innerHTML += Array[Symbol.hasInstance](ele) + <br>; fillEl