एकाधिक हिपस्टर जावास्क्रिप्ट भाड़े

जावास्क्रिप्ट एक मनोरंजक प्रोग्रामिंग भाषा है।

कोड में गलतियां करने की लगातार आशंकाएं आपको हर समय सोचने पर मजबूर कर देती हैं। इस तथ्य के कारण प्रोग्रामिंग कौशल में सुधार होता है कि आपको अपने दिमाग में लगातार कोड निष्पादित करना है, कोई अन्य तरीका नहीं है।

इसलिए यह महत्वपूर्ण है कि कोड साफ, कॉम्पैक्ट और चिकना हो। एक जिसे आप प्यार में पड़ सकते हैं। अन्यथा, जावास्क्रिप्ट आपको डरा सकता है।

मैंने आपके लिए कुछ दिलचस्प स्निपेट चुने हैं जो मुझे खुश करते हैं, और जो मैं खुद बोरिंग कोड के बजाय उपयोग करता हूं जो बहुत अधिक जगह लेता है। उनमें से कुछ कोड को छोटा करते हैं, अन्य तेज और स्पष्ट करते हैं। कुछ और लोग हैकिंग को डिबग कर रहे हैं।

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

हिपस्टर हैक # 1 - फ़ंक्शन कॉलिंग

मैं वास्तव में अगर / और ब्लॉक से नफरत करता हूं, तो इससे छुटकारा पाना हमें एक उपयोगी चाल के साथ मदद करेगा जो आपको बूलियन मूल्य के आधार पर फ़ंक्शन कॉल करने की अनुमति देता है।

//  if (success) { obj.start(); } else { obj.stop(); } //   var method = (success ? 'start' : 'stop'); obj[method](); 

हिपस्टर हैक # 2 - स्ट्रिंग जुड़ें

ज्ञात तथ्य - तार अन्य तार के मित्र हैं। जितनी जल्दी या बाद में आपको उनमें से कई को बदलना होगा। मुझे वास्तव में "+" का उपयोग करना पसंद नहीं है, इसलिए बचाव में शामिल हों:

 ['first', 'name'].join(' '); // = 'first name'; ['milk', 'coffee', 'suger'].join(', '); // = 'milk, coffee, suger' 

हिपस्टर हैक # 3 - डिफ़ॉल्ट ऑपरेटर ||

जावास्क्रिप्ट में, आप कभी नहीं जानते कि वास्तव में क्या वस्तु है। कभी-कभी आप इसे एक फ़ंक्शन के तर्क के रूप में प्राप्त करते हैं, कभी-कभी यह नेटवर्क पर आपके पास जाता है या आप इसे कॉन्फ़िगरेशन में पढ़ते हैं। किसी भी मामले में, आप सुविधाजनक ऑपरेटर का उपयोग कर सकते हैं || यदि दूसरा गलत है, तो पहला रिटर्न गलत है।

 //  'No name'  myName  (null  undefined) var name = myName || 'No name'; //  options  ,      var doStuff = function(options) { options = options || {}; // ... }; 

हिपस्टर हैक # 4 - सुरक्षा ऑपरेटर और&

डिफ़ॉल्ट ऑपरेटर की तरह, यह बेहद उपयोगी है। यह आपको लगभग सभी आईएफ से छुटकारा पाने की अनुमति देता है और कोड को अधिक सुखद बनाता है।

 //  if (isThisAwesome) { alert('yes'); // it's not } //  isThisAwesome && alert('yes'); //      var aCoolFunction = undefined; aCoolFunction && aCoolFunction(); //  ,       

हिपस्टर हैक # 5 - ऑपरेटर XXX

यह ऑपरेटर पूरी तरह से कॉपीराइट कानून द्वारा कवर किया गया है। जब मैं कोड लिखता हूं और किसी कारण से मुझे ऑनलाइन जाने या कोड के किसी अन्य टुकड़े को संपादित करने की आवश्यकता होती है, तो मैं xxx ऑपरेटर के साथ एक पंक्ति जोड़ता हूं। इस जगह में कोड प्रिय व्यक्ति द्वारा बाधित हो जाएगा और बाद में जो शुरू किया गया था, उसे समाप्त करना संभव होगा। स्ट्रिंग xxx की पूरी तरह से तलाश है, क्योंकि यह नियमित कोड में नहीं पाया जाता है, और आमतौर पर TODO में एक टिप्पणी के साथ परेशान होने की आवश्यकता नहीं है।

 var z = 15; doSomeMath(z, 10); xxx //  .  ,     TODO doSomeMoreMath(z, 15); 

हिपस्टर हैक # 6 - समय मापन

आप यह जानने में रुचि रखते हैं कि कौन सा तेज है: i ++ के साथ या i-- के साथ एक लूप। मैं व्यक्तिगत रूप से नहीं करता। जो लोग रुचि रखते हैं, वे कंसोल को समय मापने के परिणामों के आउटपुट का उपयोग कर सकते हैं। यह उपयोगी है यदि आपको ऑपरेशन की गति को जानना आवश्यक है जो इवेंट लूप को ब्लॉक करता है।

 var a = [1,2,3,4,5,6,7,8,9,10]; console.time('testing_forward'); for (var i = 0; i < a.length; i++); console.timeEnd('testing_forward'); // : testing_forward: 0.041ms console.time('testing_backwards'); for (var i = a.length - 1; i >= 0; i--); console.timeEnd('testing_backwards'); // : testing_backwards: 0.030ms 

हिपस्टर हैक # 7 - डिबगिंग

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

 var x = 1; debugger; //    x++; var x = Math.random(2); if (x > 0.5) { debugger; //   ... } x--; 

हिपस्टर हैक # 8 - पुराने स्कूल डिबगिंग

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

 var deeplyNestedFunction = function() { var private_object = { year: '2013' }; //    : pub = private_object; }; //     (Chrome dev tools, firefox tools,  ..) pub.year; 

हिपस्टर हैक # 9 - अल्ट्रा-लाइट टेम्पलेट

क्या आप अभी भी + का उपयोग करने के लिए तार तार कर रहे हैं? डेटा के साथ पंक्तियों में शामिल होने का एक बेहतर तरीका है। इसे टेम्प्लेटिंग कहा जाता है, और यहां 2.5-लाइन कोड की एक महान रूपरेखा है।

 var firstName = 'Tal'; var screenName = 'ketacode' //   'Hi, my name is ' + firstName + ' and my twitter screen name is @' + screenName; //  var template = 'Hi, my name is {first-name} and my twitter screen name is @{screen-name}'; var txt = template.replace('{first-name}', firstName) .replace('{screen-name}', screenName); 

क्या आप सभी जानते हैं कि पहले से ही?

और यहां तक ​​कि ऑपरेटर XXX ने मेरे द्वारा व्यक्तिगत रूप से आविष्कार किया? हाँ आप सिर्फ एक असली हिप्स्टर हैकर हैं!