शुरुआती के लिए शीर्ष 10 जावास्क्रिप्ट आशुलिपि

जावास्क्रिप्ट शॉर्टहैंड न केवल कोडिंग प्रक्रिया में तेजी लाएं, बल्कि स्क्रिप्ट को छोटा भी करें, इसलिए आगे बढ़ें तेजी से पृष्ठ लोड. आशुलिपि कोड उनके लॉन्गहैंड संस्करणों के रूप में मान्य हैं; वे अनिवार्य रूप से एक ही बात के लिए खड़े रहो-केवल एक अधिक कॉम्पैक्ट प्रारूप में। वे सरलतम कोड अनुकूलन तकनीकों में से एक हैं.

कई जावास्क्रिप्ट शॉर्टहैंड हैं, हालांकि वे आधिकारिक संदर्भ गाइड नहीं है. कुछ वास्तव में सरल हैं, जबकि अन्य अनुभवी डेवलपर्स के लिए भी काफी डराने वाले हैं। इस लेख में, आप पा सकते हैं शुरुआती के लिए 10 जावास्क्रिप्ट शॉर्टहैंड जिसके साथ आप कोड अनुकूलन के साथ शुरुआत कर सकते हैं और अधिक संक्षिप्त कोड लिख सकते हैं.

1. दशमलव संख्या

अगर आप नियमित रूप से बड़े दशमलव के साथ काम करें यह आशुलिपि ईश्वरवादी हो सकती है, क्योंकि आपको अब सभी शून्य टाइप नहीं करना है, बस उन्हें प्रतिस्थापित करना है ई अंकन। उदाहरण के लिए, 1e8 के बाद आठ शून्य का जोड़ मतलब है 1 अंक, यह के बराबर है 100000000.

चिट्ठी के बाद का नंबर ई शून्य की संख्या को इंगित करता है इससे पहले अंक (ओं) के बाद आते हैं ई. इसी तरह, 16e4 के लिए आशुलिपि है 160000, आदि.

 / * आशुलिपि * / var myVar = 1e8; / * लॉन्गहैंड * / var myVar = 100000000; 

2. वृद्धि, क्षय

वेतन वृद्धि दो से बना है + संकेत, इसका मतलब है कि एक चर का मान होना है एक से बढ़ कर. इसी तरह, कमी दो के होते हैं - संकेत, और इसका मतलब है कि चर होना है एक से घटाया हुआ.

इन दो आशुलिपियों का उपयोग किया जा सकता है केवल संख्यात्मक डेटा प्रकारों पर. छोरों में उनकी एक अनिवार्य भूमिका है, उनका सबसे अधिक उपयोग मामला है के लिये पाश.

 / * आशुलिपि * / i ++; j--; / * लॉन्गहैंड * / i = i + 1; जे जे -1 =; 

3. जोड़ें, विचलित करें, गुणा करें, विभाजित करें

प्रत्येक के लिए एक आशुलिपि है चार बुनियादी गणितीय कार्यइसके अलावा, व्याकुलता, गुणा और भाग। वे वेतन वृद्धि और वेतन वृद्धि ऑपरेटरों के समान काम करते हैं, बस यहां, आप एक चर के मूल्य को बदल सकते हैं किसी भी संख्या द्वारा (सिर्फ एक से नहीं).

नीचे दिए गए उदाहरण में, मैं चर द्वारा वृद्ध किया जाता है 5, j द्वारा घटाया जाता है 3, कश्मीर द्वारा गुणा किया जाता है 10, तथा एल द्वारा विभाजित किया गया है 2.

 / * आशुलिपि * / i + = 5; जम्मू = 3; कश्मीर * = 10; एल / = 2; / * लॉन्गहैंड * / i = i + 5; जे जे -3 =; k = k * 10; एल = एल / 2; 

4. चरित्र की स्थिति निर्धारित करें

charAt () तरीका यह सबसे अधिक बार उपयोग की जाने वाली स्ट्रिंग विधियों में से एक है, यह इसे लौटाता है एक निर्दिष्ट स्थान पर चरित्र (उदाहरण के लिए, ५^वें एक स्ट्रिंग का चरित्र)। इसके बजाय आप उपयोग कर सकते हैं एक साधारण आशुलिपि है: आप जोड़ते हैं वर्ग कोष्ठक में संलग्न वर्ण स्थिति स्ट्रिंग के बाद.

ध्यान दें कि charAt () विधि है शून्य आधारित. इसलिये, myString [4] 5 वापस कर देंगे^वें स्ट्रिंग में चरित्र ("Y" उदाहरण में).

 var myString = "जन्मदिन मुबारक"; / * आशुलिपि * / myString [4]; / * लॉन्गहैंड * / myString.charAt (4); 

5. थोक में चरों की घोषणा करना

यदि आप बनाना चाहते हैं एक ही समय में एक से अधिक चर आपको उन्हें एक-एक करके टाइप करने की जरूरत नहीं है। यह उपयोग करने के लिए पर्याप्त है वर (या चलो) कीवर्ड सिर्फ एक बार, तब आप केवल उन चर को सूचीबद्ध कर सकते हैं जिन्हें आप बनाना चाहते हैं, एक अल्पविराम द्वारा अलग किया गया.

इस आशुलिपि के साथ, आप दोनों की घोषणा कर सकते हैं अपरिभाषित चर तथा एक मान के साथ चर.

 / * शॉर्टहैंड * / var i, j = 5, k = "सुप्रभात", l, m = false; / * लॉन्गहैंड * / var i; var j = 5; var k = "सुप्रभात"; var l; var m = false; 

6. एक साहचर्य सरणी घोषित करें

जावास्क्रिप्ट में एक सरणी की घोषणा एक अपेक्षाकृत सरल कार्य है, का उपयोग करके var myArray = ["सेब", "नाशपाती", "नारंगी"] वाक्य - विन्यास। हालाँकि, एक सहयोगी सरणी घोषित करना थोड़ा और अधिक जटिल है, यहाँ के रूप में, आपको न केवल मूल्यों को परिभाषित करना होगा, बल्कि चाबियाँ (नियमित सरणियों के मामले में) चाबियाँ हैं 0, 1, 2, 3, आदि.).

एक सहयोगी सरणी एक है कुंजी-मूल्य जोड़े का संग्रह. लॉन्गहैंड रास्ता सरणी घोषित करना है, फिर प्रत्येक तत्व को एक-एक करके जोड़ें। हालांकि, नीचे शॉर्टहैंड के साथ, आप भी कर सकते हैं सहयोगी सरणी घोषित करें प्लस इसके सभी तत्व एक ही समय में.

नीचे दिए गए उदाहरण में, myArray साहचर्य सरणी प्रसिद्ध लोगों (कुंजियों) को उनके जन्म स्थान (मान) प्रदान करती है.

 / * शॉर्टहैंड * / var myArray = "ग्रेस केली": "फिलाडेल्फिया", "क्लिंट ईस्टवुड": "सैन फ्रांसिस्को", "हम्फ्रे बोगार्ट": "न्यू यॉर्क सिटी", "सोफेन लॉरेन": "रोम", "इंग्रिड बर्गमैन ":" स्टॉकहोम " / * लॉन्गहैंड * / var myArray = new Array (); myArray ["ग्रेस केली"] = "फिलाडेल्फिया"; myArray ["क्लिंट ईस्टवुड"] = "सैन फ्रांसिस्को"; myArray ["हम्फ्रे बोगार्ट"] = "न्यूयॉर्क शहर"; myArray ["सोफिया लोरेन"] = "रोम"; myArray ["इंग्रिड बर्गमैन"] = "स्टॉकहोम"; 

7. किसी वस्तु की घोषणा करना

के लिए आशुलिपि वस्तु घोषणा सहयोगी सरणियों के लिए एक के समान काम करता है। हालाँकि यहाँ, कुंजी-मूल्य जोड़े नहीं हैं लेकिन संपत्ति-मूल्य जोड़े कि आप ब्रेसिज़ के बीच जगह की जरूरत है .

शॉर्टहैंड सिंटैक्स में एकमात्र अंतर यह है कि ऑब्जेक्ट गुण उद्धरण चिह्नों में संलग्न नहीं हैं (नाम, जन्म स्थान, आयु, wasJamesBond नीचे दिए गए उदाहरण में).

 / * शॉर्टहैंड * / var myObj = name: "सीन कॉनरी", प्लेसऑफ बर्थ: "एडिनबर्ग", आयु: 86, wasJamesBond: true; / * लॉन्गहैंड * / var myObj = नई ऑब्जेक्ट (); myObj.name = "सीन कॉनरी"; myObj.placeOfBirth = "एडिनबर्ग"; myObj.age = 86; myObj.wasJamesBond = true; 

8. सशर्त ऑपरेटर का उपयोग करें

सशर्त (टर्नरी) ऑपरेटर अक्सर के रूप में प्रयोग किया जाता है के लिए शॉर्टकट यदि नहीं तो बयान. यह मिश्रण है तीन हिस्से:

1. शर्त
2. क्या होता है अगर शर्त सही है (अगर)
3. क्या होता है अगर हालत झूठी है (अन्य)

नीचे दिए गए उदाहरण में, हम एक सरल संदेश भेजते हैं (अंदर) संदेश चर) जो लोग एक क्लब में प्रवेश करना चाहते हैं। शॉर्टहैंड फॉर्म का उपयोग करना, यह कोड की सिर्फ एक पंक्ति है मूल्यांकन चलाएं.

 var आयु = 17; / * आशुलिपि * / var संदेश = आयु> = 18? "अनुमति": "अस्वीकृत"; / * लोंगहैंड * / अगर (आयु> = 18) var संदेश = "अनुमति";  और var message = "अस्वीकृत";  

अगर आप इसे बस परखना चाहते हैं कोड को वेब कंसोल में कॉपी करें (अधिकांश ब्राउज़रों में F12) और के मूल्य को संशोधित करता है आयु चर कुछ बार.

9. उपस्थिति की जाँच करें

यह अक्सर होता है कि आपको यह जांचने की आवश्यकता है कि क्या चर है वर्तमान या नहीं. “अगर उपस्थिति” आशुलिपि आपको बहुत कम कोड के साथ ऐसा करने में मदद करता है.

जावास्क्रिप्ट शॉर्टहैंड पर अधिकांश लेख उचित लॉन्गहैंड फ़ॉर्म नहीं देते हैं, जैसा कि अगर (myVar) संकेतन केवल यह जाँच नहीं करता है कि चर गलत नहीं है, बल्कि अन्य चीजों का भी एक मुट्ठी भर है। अर्थात्, चर अपरिभाषित, रिक्त, अशक्त और असत्य नहीं हो सकता.

 var myVar = 99; / * आशुलिपि * / if (myVar) कंसोल.लॉग ("myVar वैरिएबल को परिभाषित किया गया है और यह खाली नहीं है और शून्य नहीं है और न ही गलत है।");  / * लॉन्गहैंड * / if (टाइप करें myVar! == "अनिर्धारित" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) कंसोल.लॉग ("MyVar) चर परिभाषित किया गया है और यह खाली नहीं है और शून्य नहीं है और न ही गलत है। ");  

आप परीक्षण कर सकते हैं कि कैसे “अगर उपस्थिति” शॉर्टहैंड वेब कंसोल में निम्नलिखित कोड स्निपेट डालकर काम करता है और का मान बदल रहा है myVar कभी कभी.

यह समझने के लिए कि यह शॉर्टहैंड कैसे काम करता है, इसके मूल्यों के साथ इसका परीक्षण करने के लायक है "" (खाली स्ट्रिंग), असत्य, 0, सच, एक गैर-रिक्त स्ट्रिंग (उदा. "नमस्ते"), एक संख्या (उदा. 99), और जब चर अपरिभाषित है (बस var myVar;).

10. अनुपस्थिति की जाँच करें

“अगर उपस्थिति” आशुलिपि का उपयोग किया जा सकता है एक चर की अनुपस्थिति की जाँच करें रखकर इससे पहले एक विस्मयादिबोधक चिह्न. विस्मयादिबोधक चिह्न है तार्किक नहीं ऑपरेटर जावास्क्रिप्ट में (और अधिकांश प्रोग्रामिंग भाषाओं में).

इसलिए, के साथ अगर (myVar) संकेतन, आप देख सकते हैं कि क्या myVar परिवर्तनशील अपरिभाषित, खाली, अशक्त या असत्य नहीं है.

 var myVar; / * आशुलिपि * / if (! MyVar) कंसोल.वरन ("myVar वैरिएबल अपरिभाषित है (OR) रिक्त (OR) शून्य (OR) गलत है।");  / * लोंगखंड * / if (टाइपो myVar === "अपरिभाषित" || myVar === "" || myVar === null || myVar === 0 || myVar === false) कंसोलवर्जन || ("MyVar वैरिएबल अपरिभाषित है (OR) रिक्त (OR) शून्य (OR) गलत है।");