🤾🏿 ✊🏻 📒 45 टिप्स टिप्स और जावास्क्रिप्ट प्रैक्टिशनर 🌂 🎪 🕺🏼

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

सही है, मैं लेखक के साथ सीधे प्रस्तुत सामग्री से बहुत सहमत नहीं हूं, इसके अलावा, बहुत सारी बुनियादी चीजों को छुआ गया है, लेकिन मुझे लगा कि वह आबादी का ध्यान आकर्षित करती है - जो पढ़ने में बहुत आलसी है, लेकिन व्यवस्था और मामले को बिना अनावश्यक रूप से संक्षेप में पसंद करता है। साहित्यिक प्रभाव।

स्वाभाविक रूप से, सभी पूर्वगामी किसी भी तरह से अंतिम सत्य नहीं है, जैसा कि बाइबिल में है, मैं इस पर शपथ लेने की सलाह नहीं दूंगा। लेकिन हो सकता है कि कोई यह बताएगा कि नए दृष्टिकोण से क्या चीजें हैं, और कोई उनकी आलोचना करेगा, अपनी आपातकाल की घोषणा करते हुए: "फ़ुट फाई, फ़ेस!"
हालाँकि, पहले की ओर से मेरी आत्म-इच्छा में पहली चीजें ...

फ़्रेम पहले, परिचयात्मक

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

उत्कृष्ट जावास्क्रिप्ट कौशल वाले डेवलपर्स जो समझने योग्य और उत्पादक कोड लिखते हैं, वे नौकरी बाजार में सबसे अधिक मांग वाले हैं।

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

सभी कोड उदाहरणों का परीक्षण Google Chrome संस्करण 30 में किया गया है, जो
V8 जावास्क्रिप्ट इंजन (V8 3.20.17.15) का उपयोग करता है।

दूसरा फ्रेम, शिक्षाप्रद और सलाहकार

1 - किसी वैरिएबल को मान असाइन करते समय `var` कीवर्ड याद रखें
पहली बार:
पहले घोषित नहीं किए गए एक चर को असाइन करने से इस चर को वैश्विक स्थान में बनाया जाएगा। इससे बचें।
(ध्यान दें - लेखक संकेत देता है कि जब आप चर बनाते हैं, तो आप कर सकते हैं
क्रमशः कीवर्ड को भूल जाएं, एक अतिरिक्त चर बनाएं
वैश्विक अंतरिक्ष खिड़की)

2 - `== के बजाय` === `का प्रयोग करें:
यदि आवश्यक हो तो `== (! =)` का उपयोग रूपांतरण करता है। जबकि `===` ऐसा रूपांतरण नहीं करता है।
ऑपरेटर न केवल मूल्यों की तुलना करता है, बल्कि प्रकार भी है, जो `==` की तुलना में तेजी से हल करता है। उदाहरण:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [10] === 10 // is false [10] == 10 // is true '10' == 10 // is true '10' === 10 // is false [] == 0 // is true [] === 0 // is false '' == false // is true but true == "a" is false '' === false // is false ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

3 - `` अपरिभाषित, शून्य, 0, असत्य, NaN, '' ``:
उपरोक्त सभी हमेशा तार्किक अभिव्यक्तियों में एक झूठ होगा।

4 - मत भूलना `;`:
अभिव्यक्तियों को पूरा करने के लिए `,` का उपयोग करना अच्छा अभ्यास है। यदि आप इसे छोड़ देते हैं तो आपको चेतावनी नहीं दी जाएगी, क्योंकि जावास्क्रिप्ट पार्सर इसे आपके लिए सम्मिलित करेगा।

5 - निर्माणकर्ता के माध्यम से वस्तु:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function Person(firstName, lastName){ this.firstName = firstName; this.lastName = lastName; } var Saad = new Person("Saad", "Mousliki"); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

6 - `टाइपो, उदाहरण के लिए, कंस्ट्रक्टर 'का उपयोग करते समय सावधान रहें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var arr = ["a", "b", "c"]; typeof arr; // return "object" arr instanceof Array // true arr.constructor(); //[] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

7 - स्व-कॉलिंग कार्यों का उपयोग करें:
उन्हें अक्सर सेल्फ-इनवॉल्ड बेनामी फंक्शन (IMF) या तत्काल इनवॉइस फंक्शन एक्सप्रेशन (IIFE) के रूप में जाना जाता है। यह एक ऐसा कार्य है जो निर्माण के तुरंत बाद शुरू किया जाता है और इसके निम्न रूप होते हैं:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ (function(){ // some private code that will be executed automatically })(); (function(a,b){ var result = a+b; return result; })(10,20); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

(ध्यान दें - इस पैराग्राफ में अनुवाद करना मुश्किल था, इसलिए मैंने मूल भाषा को मूल उपयोग में छोड़ दिया, उन्हें सही तरीके से कैसे अनुवाद किया जाए
रूसी मानसिक, अफसोस, मुझे नहीं पता। मुझे लगता है कि लेखक यह संकेत देने की कोशिश कर रहा है कि इस तरह से आप एक गुमनाम फ़ंक्शन के अंदर अपने कार्यान्वयन को छिपाते हैं जिसे आप तुरंत उसके समय पर कॉल करते हैं)

8 - एक मनमाना सरणी मूल्य प्राप्त करना:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var items = [12,548,'a',2,5478,'foo',8852,'Doe',2145,119]; var randomItem = items[Math.floor(Math.random() * items.length)]; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

9 - एक निश्चित सीमा में एक मनमानी संख्या प्राप्त करना:
इस उदाहरण का उपयोग तब किया जा सकता है जब किसी चीज़ का परीक्षण करने के लिए कोई नकली डेटा उत्पन्न करना आवश्यक हो, उदाहरण के लिए, न्यूनतम और अधिकतम मूल्यों के बीच वेतन:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var x = Math.floor(Math.random() * (max - min + 1)) + min; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

10 - 0 से अधिकतम तक एक संख्यात्मक सरणी की पीढ़ी:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var numbersArray = [] , max = 100; // numbers = [0,1,2,3 ... 100] for( var i=1; numbersArray.push(i++) < max;); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

11 - मनमाना चरित्र सेट पीढ़ी:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function generateRandomAlphaNum(len) { var rdmstring = ""; for( ; rdmString.length < len; rdmString += Math.random().toString(36).substr(2)); return rdmString.substr(0, len); } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

12 - एक सरणी फेरबदल:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; numbers = numbers.sort(function(){ return Math.random() - 0.5}); /* the array numbers will be equal for example to [120, 5, 228, -215, 400, 458, -85411, 122205] */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

13 - तार के लिए `ट्रिम ()` समारोह:
क्लासिक `ट्रिम ()` फ़ंक्शन, जो जावा, सी #, पीएचपी और कई अन्य प्रोग्रामिंग भाषाओं में उपलब्ध है जो व्हाट्सएप को हटाता है, जावास्क्रिप्ट में निहित नहीं है। हालाँकि, आप इसे `स्ट्रिंग` ऑब्जेक्ट में जोड़ सकते हैं:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ String.prototype.trim = function(){ return this.replace(/^\s+|\s+$/g, ""); }; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

(नोट - विरोध नहीं कर सका, लेकिन यह अजीब है कि लेखक इस तकनीक का उपयोग करता है,
मानो `ट्रिम ()` पहले से ही जावास्क्रिप्ट में है)

14 - एक सरणी को दूसरे में जोड़ें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var array1 = [12 , "foo" , {name "Joe"} , -2458]; var array2 = ["Doe" , 555 , 100]; Array.prototype.push.apply(array1, array2); /* array1 will be equal to [12 , "foo" , {name "Joe"} , -2458 , "Doe" , 555 , 100] */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

15 - एक सरणी के लिए `तर्कों 'ऑब्जेक्ट कन्वर्ट:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var argArray = Array.prototype.slice.call(arguments); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

16 - जाँच करें कि क्या दिए गए तर्क एक संख्या है:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function isNumber(n){ return !isNaN(parseFloat(n)) && isFinite(n); } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

17 - जाँच करें कि क्या दिया गया तर्क एक सरणी है:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function isArray(obj){ return Object.prototype.toString.call(obj) === '[object Array]' ; } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ध्यान दें, यदि `toString ()` विधि ओवरराइड है, तो इस ट्रिक का उपयोग करते समय परिणाम अपेक्षित नहीं होगा।
या लाभ उठाएं ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Array.isArray(obj); // its a new Array method ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

यदि आप कई फ़्रेमों के साथ काम नहीं कर रहे हैं, तो आप 'इंस्टोफ़' का भी उपयोग कर सकते हैं। हालांकि, यदि आप कई संदर्भों का उपयोग करते हैं, तो
गलत परिणाम प्राप्त करें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var myFrame = document.createElement('iframe'); document.body.appendChild(myFrame); var myArray = window.frames[window.frames.length-1].Array; var arr = new myArray(a,b,10); // [a,b,10] // instanceof will not work correctly, myArray loses his constructor // constructor is not shared between frames arr instanceof Array; // false ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

18 - एक संख्यात्मक सरणी का अधिकतम, न्यूनतम मूल्य प्राप्त करें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var numbers = [5, 458 , 120 , -215 , 228 , 400 , 122205, -85411]; var maxInNumbers = Math.max.apply(Math, numbers); var minInNumbers = Math.min.apply(Math, numbers); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

19 - सरणी को खाली करें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var myArray = [12 , 222 , 1000 ]; myArray.length = 0; // myArray will be equal to []. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

20 - किसी सरणी से हटाने के लिए `डिलीट` का उपयोग न करें:
सरणी से प्रविष्टि को हटाने के लिए `हटाएं` के बजाय` विभाजन` का उपयोग करें। `डिलीट` के प्रयोग से डिलीट नहीं होता है, बल्कि एलिमेंट को` अपरिभाषित` से बदल देता है।
इसके बजाय ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var items = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ]; items.length; // return 11 delete items[3]; // return true items.length; // return 11 /* items will be equal to [12, 548, "a", undefined × 1, 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

इसका उपयोग करें ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var items = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ]; items.length; // return 11 items.splice(3,1) ; items.length; // return 10 /* items will be equal to [12, 548, "a", 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

हालांकि, ऑब्जेक्ट गुणों को हटाने के लिए `डिलीट` का उपयोग किया जाना चाहिए।

21 - सरणी को `लंबाई` का प्रयोग करके ट्रिम करें:
खाली सरणी के साथ पिछले उदाहरण में, सरणी को ट्रिम करने के लिए, `लंबाई` संपत्ति का उपयोग करें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var myArray = [12 , 222 , 1000 , 124 , 98 , 10 ]; myArray.length = 4; // myArray will be equal to [12 , 222 , 1000 , 124]. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

बोनस, यदि आप सरणी की लंबाई का मान उसके वर्तमान से अधिक होने के लिए निर्धारित करते हैं, तो सरणी की लंबाई बदल जाएगी, और नए मान सेट हो जाएंगे
`अपरिभाषित` के रूप में। किसी सरणी की लंबाई संपत्ति केवल उसे पढ़ने के लिए नहीं है।

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ myArray.length = 10; // the new array length is 10 myArray[myArray.length - 1] ; // undefined ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

22 - सशर्त अभिव्यक्तियों के लिए तार्किक `और /` का उपयोग करना:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var foo = 10; foo == 10 && doSomething(); // is the same thing as if (foo == 10) doSomething(); foo == 5 || doSomething(); // is the same thing as if (foo != 5) doSomething(); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

फ़ंक्शन तर्क के लिए डिफ़ॉल्ट मान सेट करने के लिए तार्किक `OR` का भी उपयोग किया जा सकता है।

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Function doSomething(arg1){ Arg1 = arg1 || 10; // arg1 will have 10 as a default value if it's not already set } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

23 - सरणी के माध्यम से पाश करने के लिए `नक्शा ()` विधि का उपयोग करें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var squares = [1,2,3,4].map(function (val) { return val * val; }); // squares will be equal to [1, 4, 9, 16] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

24 - एन दशमलव स्थानों में एक संख्या को गोल करना:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var num =2.443242342; num = num.toFixed(4); // num will be equal to 2.4432 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

25 - फ्लोटिंग पॉइंट्स की समस्या:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 0.1 + 0.2 === 0.3 // is false 9007199254740992 + 1 // is equal to 9007199254740992 9007199254740992 + 2 // is equal to 9007199254740994 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

ऐसा क्यों हो रहा है? 0.1 + 0.2 बराबर 0.30000000000000004। आपको यह जानने की जरूरत है कि IE में 754 मानक के अनुसार जावास्क्रिप्ट में फ्लोटिंग पॉइंट वाले सभी नंबरों को द्विआधारी रूप में 64 बिट के रूप में दर्शाया गया है।
यदि आप अधिक उदाहरण चाहते हैं, तो इस ब्लॉग को देखें ।
आप इस तरह की समस्याओं से बचने के लिए `toFixed ()` और `toPreults ()` तरीकों का उपयोग कर सकते हैं।

26 - फॉर-लूप का उपयोग करते समय किसी वस्तु के गुणों की जाँच करें:
एक प्रोटोटाइप ऑब्जेक्ट के गुणों पर पुनरावृत्ति से बचने के लिए इस कोड उदाहरण का उपयोग किया जा सकता है।

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ for (var name in object) { if (object.hasOwnProperty(name)) { // do something with name } } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

27 - कोमा संचालक:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var a = 0; var b = ( a++, 99 ); console.log(a); // a will be equal to 1 console.log(b); // b is equal to 99 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

28 - गणना या प्रश्नों के लिए आवश्यक चर को कैश करें:
उदाहरण के रूप में jQuery के चयनकर्ताओं का उपयोग करना, हम उनके परिणाम - DOM तत्वों को कैश कर सकते हैं।

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var navright = document.querySelector('#right'); var navleft = document.querySelector('#left'); var navup = document.querySelector('#up'); var navdown = document.querySelector('#down'); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

29 - isFinite () में भेजने से पहले तर्क की जाँच करें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ isFinite(0/0) ; // false isFinite("foo"); // false isFinite("10"); // true isFinite(10); // true isFinite(undifined); // false isFinite(); // false isFinite(null); // true !!! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

30 - सरणियों में नकारात्मक अनुक्रमित से बचें:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var numbersArray = [1,2,3,4,5]; var from = numbersArray.indexOf("foo") ; // from is equal to -1 numbersArray.splice(from,2); // will return [5] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

सुनिश्चित करें कि `indexOf` को दिए गए तर्क नकारात्मक नहीं हैं।

31 - सरलीकरण और deserialization (JSON के लिए):

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var person = {name :'Saad', age : 26, department : {ID : 15, name : "R&D"} }; var stringFromPerson = JSON.stringify(person); /* stringFromPerson is equal to "{"name":"Saad","age":26,"department":{"ID":15,"name":"R&D"}}" */ var personFromString = JSON.parse(stringFromPerson); /* personFromString is equal to person object */ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

32 - `eval ()` या `फंक्शन` कंस्ट्रक्टर से बचें:
`Eval` या` Function` कंस्ट्रक्टर का उपयोग करना एक महंगा ऑपरेशन है क्योंकि हर बार जब वे स्रोत कोड को जावास्क्रिप्ट इंजन द्वारा निष्पादन योग्य में परिवर्तित करने का कारण बनते हैं।

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var func1 = new Function(functionCode); var func2 = eval(functionCode); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

33 - `के साथ` (अच्छा सामान) से बचें:
`के साथ` का उपयोग करना वैश्विक अंतरिक्ष में एक चर को परिभाषित करता है। यदि किसी भी चर का नाम समान है, तो यह कुछ समस्याएं पैदा करेगा, क्योंकि मूल्य मिटाया जा सकता है।

34 - सरणियों के लिए `फॉर-इन` लूप से बचें:
इसके बजाय ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var sum = 0; for (var i in arrayNumbers) { sum += arrayNumbers[i]; } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

... यह बेहतर है ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var sum = 0; for (var i = 0, len = arrayNumbers.length; i < len; i++) { sum += arrayNumbers[i]; } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

`I` और` len` के लिए बोनस असाइनमेंट केवल एक बार किया जाएगा क्योंकि यह लूप निर्माण की पहली अभिव्यक्ति है। इससे तेज है ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ for (var i = 0; i < arrayNumbers.length; i++) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

क्यों? लूप के प्रत्येक पुनरावृत्ति पर `arrayNumbers` सरणी की लंबाई की गणना की जाती है।

35 - पास कार्य, `सेटटाइमआउट ()` और `सेटइंटरवल ()` के लिए तार नहीं:
यदि आप `सेटटाइमआउट ()` या `सेटइंटरवल ()` के लिए तार पास करते हैं, तो उन्हें उसी तरह से संसाधित किया जाएगा जैसे `eval` का उपयोग करना, यह धीमा है।

उपयोग करने के बजाय ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ setInterval('doSomethingPeriodically()', 1000); setTimeOut('doSomethingAfterFiveSeconds()', 5000); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

... उपयोग करें ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ setInterval(doSomethingPeriodically, 1000); setTimeOut(doSomethingAfterFiveSeconds, 5000); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

36 - 'if / else' से श्रृंखला के बजाय `स्विच / केस` का उपयोग करें:
`स्विच / केस` का उपयोग तेज है जब दो से अधिक स्थितियां हैं, तो यह कोड को व्यवस्थित करने के लिए अधिक सुरुचिपूर्ण और बेहतर है। इससे बचें
10 से अधिक सशर्त अभिव्यक्तियाँ होने पर अभिव्यक्तियाँ।

37 - संख्यात्मक श्रेणियों के साथ एक `स्विच / केस` अभिव्यक्ति का उपयोग करें:
संख्यात्मक श्रेणी के साथ `स्विच / केस` अभिव्यक्ति का उपयोग करना निम्नलिखित चाल को संभव बनाता है।

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function getCategory(age) { var category = ""; switch (true) { case isNaN(age): category = "not an age"; break; case (age >= 50): category = "Old"; break; case (age <= 20): category = "Baby"; break; default: category = "Young"; break; }; return category; } getCategory(5); // will return "Baby" ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

38 - एक वस्तु बनाएं जिसका प्रोटोटाइप दिया गया ऑब्जेक्ट है:
एक फ़ंक्शन बनाना संभव है जो एक ऑब्जेक्ट बनाता है जिसका प्रोटोटाइप फ़ंक्शन लॉजिक में पास की गई ऑब्जेक्ट है ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function clone(object) { function OneShotConstructor(){}; OneShotConstructor.prototype= object; return new OneShotConstructor(); } clone(Array).prototype ; // [] ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

39 - एचटीएमएल एस्कैपर:

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ function escapeHTML(text) { var replacements= {"<": "<", ">": ">","&": "&", "\"": """}; return text.replace(/[<>&"]/g, function(character) { return replacements[character]; }); } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

40 - छोरों के अंदर `कोशिश-कैच-आखिर` का उपयोग करने से बचें:
`try-catch-आखिर` एक मौजूदा थ्रो स्पेस में हर बार एक अपवाद के रूप में एक नया चर बनाता है और यह चर को बांधता है।

इसके बजाय ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var object = ['foo', 'bar'], i; for (i = 0, len = object.length; i <len; i++) { try { // do something that throws an exception } catch (e) { // handle exception } } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

... इसका उपयोग करें ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var object = ['foo', 'bar'], i; try { for (i = 0, len = object.length; i <len; i++) { // do something that throws an exception } } catch (e) { // handle exception } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

41 - `XMLHttpRequests` के लिए विलंब निर्धारित करें:
यदि XHR बहुत लंबा समय लेता है (उदाहरण के लिए, नेटवर्क समस्याओं), तो आप कॉल के साथ `setTimeout () 'का उपयोग कर कनेक्शन खो सकते हैं
एक्सएचआर।

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var xhr = new XMLHttpRequest (); xhr.onreadystatechange = function () { if (this.readyState == 4) { clearTimeout(timeout); // do something with response data } } var timeout = setTimeout( function () { xhr.abort(); // call error callback }, 60*1000 /* timeout after a minute */ ); xhr.open('GET', url, true); xhr.send(); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

एक बोनस के रूप में, आपको तुल्यकालिक अजाक्स अनुरोधों से बचना चाहिए।

42 - WebSocket टाइमआउट के साथ सौदा
आमतौर पर, जब कोई कनेक्शन स्थापित किया जाता है, तो सर्वर 30 सेकंड की निष्क्रियता के बाद टाइमआउट द्वारा कनेक्शन को रीसेट कर सकता है। फ़ायरवॉल एक निश्चित अवधि के बाद, निष्क्रियता के कारण टाइमआउट द्वारा कनेक्शन को रीसेट कर सकता है।
सर्वर पर खाली मैसेज भेजकर इस समस्या को हल किया जा सकता है। ऐसा करने के लिए, आपको अपने कोड में दो फ़ंक्शन जोड़ने होंगे: एक कनेक्शन का समर्थन करने के लिए और दूसरा इस समर्थन को रद्द करने के लिए।
इस ट्रिक का उपयोग करके, आप टाइमआउट का प्रबंधन करेंगे।

'टाइमर' जोड़ें ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var timerID = 0; function keepAlive() { var timeout = 15000; if (webSocket.readyState == webSocket.OPEN) { webSocket.send(''); } timerId = setTimeout(keepAlive, timeout); } function cancelKeepAlive() { if (timerId) { cancelTimeout(timerId); } } ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

`KeepAlive ()` को वेबसकेट के लिए `onOpen ()` विधि के अंत में जोड़ा जाना चाहिए
कनेक्शन और `CancelKeepAlive ()` `onClose ()` विधि के अंत तक।

43 - याद रखें कि फ़ंक्शन कॉल की तुलना में प्राइमेटिव्स तेज हैं।
वेनिलाजेएस का लाभ उठाएं

उदाहरण के लिए, इसके बजाय ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var min = Math.min(a,b); A.push(v); ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

... इसका उपयोग करें ...

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ var min = a < b ? ab; A[A.length] = v; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

44 - कोड के स्वरूपण और शैली के लिए उपकरणों का उपयोग करना न भूलें।
कोड शुरू होने से पहले जेएसएलआईएनटी और मिनिमाइजेशन (जेएसएमिन, उदाहरण के लिए) का उपयोग करें।

45 - जावास्क्रिप्ट केवल शियाइकैरन है: जावास्क्रिप्ट सीखने के लिए सर्वश्रेष्ठ संसाधन।

निष्कर्ष

स्वाभाविक रूप से, कई युक्तियाँ और चालें और अभ्यास हैं। इसलिए, यदि आपके पास कुछ जोड़ने के लिए है, तो कुछ प्रतिक्रिया प्राप्त करें या समायोजन करें - टिप्पणियों में लिखें।

ssylochki

इस लेख को लिखते समय, मैंने अपने कोड उदाहरणों का उपयोग किया, हालांकि, कुछ उदाहरण अन्य लेखों और मंचों से प्रेरित थे:

और यहाँ कहानी का अंत है ...।

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

आपका ध्यान के लिए धन्यवाद!

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
मूल पाठ
मूल पाठ के लेखक: साद मुसलिकी ( नायक को देखें )
* 23 दिसंबर 2013 *
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

45 टिप्स टिप्स और जावास्क्रिप्ट प्रैक्टिशनर

फ़्रेम पहले, परिचयात्मक

दूसरा फ्रेम, शिक्षाप्रद और सलाहकार

निष्कर्ष

ssylochki

और यहाँ कहानी का अंत है ...।

More articles: