'क्लीन' जावास्क्रिप्ट: निरंतर

कभी-कभी मानवता अपनी नीरसता और अनिच्छा के साथ एक स्थिति को देखने के लिए आश्चर्यचकित हो जाती है क्योंकि यह वास्तव में है ... (अज्ञात)

शायद यह एपिग्राफ मेरे विचार से मेरे साथ अधिक है, लेकिन मैं सर्वश्रेष्ठ के लिए आशा करना चाहता हूं ...

मेरा पहला पद निकला, इसे हल्के ढंग से रखने के लिए, बहुत नहीं, लेकिन किसी भी व्यक्ति को सब कुछ ठीक करने का अवसर होना चाहिए और अब मैं इसका उपयोग करने का प्रयास करूंगा।

मैं आपको एक छोटी सी कहानी बताऊंगा जो मुझे काम के दौरान हुई थी। यह एक लंबे समय से पहले था, किसी तरह मुझे एक नए वेब-प्रोजेक्ट से जोड़ दिया गया था, जिसके डिजाइन में मेरा कोई मामूली रिश्ता नहीं था। टिमलीड ने सबसे पहले svn php और js फ्रेमवर्क अपलोड किया।
Mootools 1.2.2 या 1.2.4 को JS के रूप में चुना गया था, और इसके अलावा, JxLib के रूप में Jx UI लाइब्रेरी। सब कुछ ठीक हो गया, परियोजना पूरी होने वाली थी, ब्राउज़र संस्करण बढ़ रहे थे, और इसी तरह। और इसलिए, एक बिंदु पर, जब मैं काम करने के लिए आया, तो मैंने एक बग देखा, यह कोर में कहा गया था कि IE9 में (और वह बस छोड़ दिया था) व्यवस्थापक पैनल बिल्कुल काम नहीं करता है। पहले मामलों में मैंने एक समस्या की तलाश शुरू की, क्योंकि यह म्यूटूल 1.2.x निकला - IE9 का समर्थन नहीं करता है, लेकिन 1.3.x से अधिक संस्करणों में - सब कुछ काम करता है और उड़ जाता है। खैर, बिना किसी हिचकिचाहट के इस चमत्कार का नवीनतम संस्करण डाउनलोड करें और इसे डालें। मुझे लंबे समय तक आनन्दित नहीं होना पड़ा - वे JxLib में बग प्राप्त करने लगे । यह पता चला है कि परियोजना 'रुकी हुई' है और नवीनतम उपलब्ध संस्करण केवल मुटूल 1.2.x के साथ संगत है। उस क्षण के बाद से बहुत समय बीत चुका है, लेकिन उस बकवास कोड को, जिसके साथ मुझे इस बग को पैच करना था, मूटोल्स और इस तरह की चीजों में मेरा विश्वास तोड़ दिया। अब, मुझे लगता है, यह स्पष्ट हो गया है कि जेएस के लिए यह रवैया कहां से आया है।

और अब मैं कुछ टिप्पणियों का जवाब देना चाहता हूं (ऐसा क्यों, और अन्यथा नहीं)।

1)
Console.log - मुझे इसकी उम्मीद नहीं थी, मैंने बहुत कुछ दिया, लेकिन ऐसा नहीं किया। मुझे पता है कि यह (कंसोल.लॉग) स्वरूपण और कई मापदंडों को पारित करने का समर्थन करता है, लेकिन मुझे याद नहीं होगा कि मैंने आखिरी बार इसका उपयोग कब किया था। एक चर मेरे लिए पर्याप्त है, और कंसोल की पूरी शक्ति का उपयोग करने के लिए _d () को जटिल करना है। महीने में एक बार अव्यावहारिक है (यह `कंसोल.लॉग` के प्रतिष्ठित 11 अक्षरों को लिखना आसान है)।

2)

AddEvent फ़ंक्शन _d फ़ंक्शन का उपयोग करके त्रुटि को संसाधित करने के बाद निष्पादित करना जारी रखेगा।

- मुझे इस बारे में पता है, यह उद्देश्य के लिए किया गया था, क्योंकि मैं एक DOM ऑब्जेक्ट के अस्तित्व की जांच करता हूं, लेकिन मैं इसे मुख्य स्क्रिप्ट में करना पसंद करता हूं, लेकिन आपने मुझे आश्वस्त किया - मैं झूठे जोड़ दूंगा।

3)

वैरिएबल के वैश्विक स्थान का प्रदूषण बहुत खराब स्वर है।

- यहाँ आप सही हैं, लेकिन तैयार के अलावा = []; मुझे कुछ भी वैश्विक नहीं मिल रहा है :)

खैर, मुझे लगता है कि इन होलीवरों को खत्म करने और जेएस कोड के एक नए बैच पर विचार करने का समय आ गया है।

//       -  3  (        )     /** * Function insert DOM element before some element * * @version 2012-11-06 * @param Object new_element * @param Object targetElement * @return void */ function insertBefore(new_element, targetElement) { targetElement.parentNode.insertBefore(new_element, targetElement); } /** * Function insert DOM element after some element * * @version 2012-11-06 * @param Object new_element * @param Object targetElement * @return void */ function insertAfter(new_element, targetElement) { var parent = targetElement.parentNode; //if the parents lastchild is the targetElement... if(parent.lastchild == targetElement) parent.appendChild(new_element); else parent.insertBefore(new_element, targetElement.nextSibling); } /** * Function make clone of income object * * @version 2012-11-07 * @param Object obj * @return Object */ function clone(obj) { if(obj == null || typeof(obj) != 'object') return obj; var temp = {}; for(var key in obj) temp[key] = clone(obj[key]); return temp; } //    DOM   ,    /** * Function return next element in dom object * * @version 2013-01-08 * @param Object obj * @return Object */ function getNext(obj) { obj = obj.nextSibling; if(!obj) return false; while(obj.nodeType != 1){ obj = obj.nextSibling; if(!obj) return false; } return obj; } //    DOM   ,    /** * Function return previous element in dom object * * @version 2013-02-13 * @param Object obj * @return Object */ function getPrevious(obj) { obj = obj.previousSibling; if(!obj) return false; while(obj.nodeType != 1){ obj = obj.previousSibling; if(!obj) return false; } return obj; } //  2  -     Cookies. C ,  ,    /** * Function new Cookies * * @version 2013-03-26 * @param string name * @param string value * @param string expires * @param string path * @return void */ function setCookies(name, value, expires, path) { if(!name || !value) return 0; if(!expires){ expires = new Date(); expires.setTime(expires.getTime() + (1000 * 86400 * 365)); //save 1 year } if(!path) path = '/'; // set Cookies document.cookie = name+'='+escape(value)+'; expires='+expires.toGMTString()+'; path='+path; } /** * Function return Cookies value by name * * @version 2013-03-26 * @param string name * @return void */ function getCookies(name) { var results = document.cookie.match ( '(^|;) ?' + name + '=([^;]*)(;|$)' ); if ( results ) return ( unescape ( results[2] ) ); else return null; } //      //    Ajax(params),      prototype /** * Ajax object * * Send request by post/get to some url * * @version 2013-02-13 * @param Object params * @return Object */ window.Ajax = function(params) { //    this.options = { // default url url: '', // default method method: 'get', // Is synchronous request? async: true, // in seconds timeout: 10000, // callback function, in default - empty function onComplete: function(){} }; // set config params this.setConfig(params); //     XMLHttpRequest    // initialize this.init(params); }; /** * Pablic methods */ window.Ajax.prototype = { /** * some internal params */ xml_http_request: null, timeout: null, // json|xml|text response:'json', //   ajax ,     /** * configure functionality */ setConfig: function(opt) { // set url if(opt.url != undefined) this.options.url = opt.url; // set method if(opt.method != undefined) this.options.method = opt.method; // set asynchronus param if(opt.async != undefined) this.options.async = opt.async; // set timeout if(opt.timeout != undefined) this.options.timeout = opt.timeout; // set callback functions if((opt.onComplete != undefined) && (typeof(opt.onComplete) == 'function')) this.options.onComplete = opt.onComplete; }, /** * Initialize XMLHTTPRequest */ init: function() { //   XMLHttpRequest // Cross-browser compatibility for browsers if (typeof XMLHttpRequest != 'undefined') { this.xml_http_request = new XMLHttpRequest(); } else{ try { this.xml_http_request = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { this.xml_http_request = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { alert('Your browser don\'t support Ajax technology. Please download real browser :)'); } } } var self_ = this; //   (post/get), url, /  // open XMLHttpRequest this.xml_http_request.open(self_.options.method, self_.options.url, self_.options.async); /**  callback    * *   readyState : * 0 - Unitialized * 1 - Loading * 2 - Loaded * 3 - Interactive * 4 - Complete *  0-2   . * * self_.xml_http_request.status -    (200, 404  ) */ // set callback function for XMLHttpRequest this.xml_http_request.onreadystatechange = function(){ if((self_.xml_http_request.readyState == 4) && (self_.xml_http_request.status > 0)){ //    Ajax  (  ) // delete timeout clearTimeout(self_.timeout); //    ,       // JSON.parse -   JSON (  - bye-bye) if(self_.response == 'json') var response = JSON.parse(self_.xml_http_request.responseText); else{ if(self_.response == 'xml') var response = self_.xml_http_request.responseXML; else var response = self_.xml_http_request.responseText; } //    self_.options.onComplete(response); } } }, //       ,        /** * Set some headers if need */ setRequestHeader: function(name, value) { this.xml_http_request.setRequestHeader(name, value); }, //  Ajax   /** * Send request */ send: function(params) { this.xml_http_request.send(params); var self_ = this; //     ,         -    //   - 10  ,     // set timeout need for abort request this.timeout = setTimeout( function(){ self_.xml_http_request.abort(); }, this.options.timeout); }, //    ,         ,     (     :) ) /** * Abort request */ abort: function() { this.xml_http_request.abort(); } }   Ajax(): new Ajax({ url: '/index.php', timeout: 20000, method: 'post', onComplete: function(data){ alert(data);} }).send('qwerty=123'); 

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