5 उपयोगी टोटके

मैंने जावास्क्रिप्ट प्रोग्रामिंग में अपने सभी अनुभव के लिए कोड के इन छोटे टुकड़ों को एकत्र किया। उन्हें वेब डेवलपर के जीवन को गंभीरता से कम करना चाहिए, और उन्हें यह सिखाना चाहिए कि कैसे भारी जावास्क्रिप्ट पुस्तकालयों में पेंच किए बिना समस्याओं को आसानी से हल किया जाए। मैं तर्क नहीं देता, कभी-कभी वे बहुत उपयोगी हो सकते हैं, लेकिन टाइमर बनाने के लिए लोडिंग JQuery, मेरी राय में, जंगली है ...



रिसेप्शन नंबर 1:

जावास्क्रिप्ट का उपयोग करने वाली वस्तुओं को हटाने के बारे में इंटरनेट पर बहुत कम प्रलेखन है। एक मंच पर, मुझे आमतौर पर बताया गया था कि यह असंभव था। वास्तव में - न केवल संभव है, बल्कि बहुत सरल भी है:

function Kill(object) {
object.innerText = null;
object.innerHTML = null;
object.outerHTML = null;
object = null;
}


पहले और केवल फ़ंक्शन में दिए गए ऑब्जेक्ट को पूरी तरह से हटा दिया जाता है। DOM एक तत्व है, या एक वैरिएबल है, सभी समान हैं, ऑब्जेक्ट से कुछ भी नहीं रहेगा। यदि, उदाहरण के लिए, पहले दो पंक्तियों को फ़ंक्शन से हटा दिया जाता है, तो ऑब्जेक्ट को अब एक्सेस नहीं किया जा सकता है, लेकिन HTML तत्व कहीं भी नहीं जाएगा। आप फ़ंक्शन में कुछ इस तरह जोड़ सकते हैं:

if(typeof(object)=="string"){object=document.getElementById(object)};

प्रक्रिया को स्वचालित करने के लिए। फिर वस्तु संदर्भ के बजाय, आप एक तर्क के रूप में कुछ HTML तत्व की आईडी पास कर सकते हैं।

रिसेप्शन नंबर 2:

लिया गया पूर्वज से। टाइमर। ठीक है, यह मुझे लगता है कि पर्याप्त लोगों को फ़ंक्शन सेटइंटरवल () और क्लियरइंटरवल () के बारे में पता है। लेकिन कुछ प्रोग्रामर यह सोच कर गलत हो जाते हैं कि उद्धरण चिह्नों में लिखे गए केवल स्वतंत्र जावास्क्रिप्ट कोड को ही चक्रवात निष्पादित करने के लिए बनाया जा सकता है:

i = setInterval("alert('Hello, World!')",3000)

यह बुरा नहीं है! वास्तव में, एक स्ट्रिंग के बजाय, आप एक ऑब्जेक्ट-फंक्शन को वहां चिपका सकते हैं, इस तथ्य के बावजूद कि तर्कों को पास करने के कार्य को स्वीकार नहीं किया जाता है:

i = setInterval(abc(),3000)

कुछ एक स्ट्रिंग के रूप में उद्धरण चिह्नों में फ़ंक्शन को पारित करने की कोशिश करते हैं, और उनमें से कुछ भी नहीं आता है। चूंकि जावास्क्रिप्ट लचीला है, रूसी जिमनास्ट की तरह, आप आमतौर पर इस तरह से सब कुछ लिख सकते हैं:

i = serInterval(function{_},3000)

इसलिए टाइमर बनाना वास्तव में आसान है।

रिसेप्शन नंबर 3:

AJAX कई प्यार करता हूँ। और जावास्क्रिप्ट में, कभी-कभी सर्वर पर स्क्रिप्ट का उपयोग करके फ़ंक्शन को लागू करना उपयोगी होता है। वह है:

bin2hex(number)

इसकी गणना सर्वर की ओर से की जाएगी, और हमें इसका उत्तर मिलेगा। एक समस्या: कार्य पूरा करने और डेटा स्थानांतरित करने में समय लगता है। हमारे कार्य की प्रतीक्षा कौन करेगा? कोई नहीं! आप सिंक्रोनस HTTP अनुरोधों का उपयोग कर सकते हैं जो उत्तर आने तक पूरे वेब पेज को "हैंग" करते हैं। स्वस्थ और आसान:

function getXmlHttp(){
var xmlhttp;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}

function Get(url) {
var xmlhttp = getXmlHttp()
xmlhttp.open('GET',url, false);
xmlhttp.send(null);
if(xmlhttp.status == 200) {
//
}
}

, . , - Chrome ("! !"). , , :

function Get(url,whattado) {
var xmlhttp = getXmlHttp()
xmlhttp.open('GET',url, true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4) {
if(xmlhttp.status == 200) {
whattado(xmlhttp.responseText);
}
}
};
xmlhttp.send(null);
}



फिर, कोई भी लिखने से मना करता है:

Get('file.txt',function(txt){alert(txt)})

और ब्राउज़र फ्रीज नहीं करता है, और प्रोग्रामर आनन्दित होगा।

रिसेप्शन नंबर 4:

आस-पास की त्रुटियों को पाएं! एक साधारण उपयोगकर्ता को कंसोल के अस्तित्व के बारे में नहीं पता है और वह नाराज हो जाएगा यदि पृष्ठ पर कुछ बटन बिना किसी प्रतिक्रिया के अपनी कार्रवाई करना बंद कर देता है (और, आखिरकार, यह तब होगा जब कोई त्रुटि होती है)। अपवादों को पकड़ने के लिए try..catch निर्माण का उपयोग करें:

कोशिश
{
डॉक्यूमेंट.राइट (junkVariable)
}

पकड़ (ई)
{
सतर्कता (e.message)
}

आप, वैसे, थ्रो () ऑपरेटर के साथ, स्वयं अपवादों को फेंक सकते हैं। लेकिन फिर, संदेश वस्तु के बजाय, आपको इसकी मूल वस्तु को सीधे एक्सेस करना चाहिए:

कोशिश
{
// कोड_है
"Error5" फेंकें
}
}

पकड़ (ई)
{
अगर (e == "त्रुटि 5") {चेतावनी ("त्रुटि संख्या 5")}
}

रिसेप्शन नंबर 5:

एक बार, मुझे जावास्क्रिप्ट लाइब्रेरी के एक संस्करण को संग्रहीत करने के लिए केवल-पढ़ने के लिए चर बनाने की आवश्यकता थी। यह स्पष्ट है कि इसके साथ समस्या केवल मेरी नहीं है, लेकिन यह अजीब है कि सभी को "केवल पढ़ने के लिए चर" की आवश्यकता है और "जावास्क्रिप्ट में निरंतर" नहीं। इसलिए, जावास्क्रिप्ट में कोई स्थिरांक नहीं हैं। ECMAScript है, लेकिन तब हमारा पेज क्रॉस-ब्राउज़र होना बंद हो जाता है, और ग्राहक हमें उसी सेकंड में फीड करना बंद कर देता है। Readter का उपयोग करके केवल-चर बनाए जाते हैं:

var lib = {
संस्करण प्राप्त करें () {वापसी 5}
}

lib.version == 5, अर्थात् एक चर की तरह व्यवहार करता है, एक कार्य नहीं।

प्रवेश का क्रॉस-ब्राउज़र संस्करण इस तरह दिखता है:

var lib = {
यह .__ डिफाइनगेटर __ ("संस्करण", फ़ंक्शन () {वापसी 5});
}

ये सभी उपयोगी ट्रिक्स नहीं हैं जिनके बारे में मैं आपको बताना चाहूंगा। जल्द मिलते हैं।