एक और जावास्क्रिप्ट प्रीप्रोसेसर

क्या आप जावास्क्रिप्ट में ऐसी चीजें लिखने की क्षमता में रुचि रखते हैं?

$ ('.btn-toogle').onclick (lambda $ (this).toggleClass ('active')); 

 var chars = Array.prototype.forEach.call ('0123456789abcdef', lambda arg.charCodeAt (0)); 

 function fn (arg1 = 100, arg2 = 'test'){ ... } 

 var html = h` <div> <a href="...">link</a> </div>`; 

 for (var key, value in object) console.log (key + ' = ' + value); 

तब शायद यह लेख आपको दिलचस्पी देगा।

मैं किसी कहानी की तरह बोरियत को चित्रित नहीं करूंगा या मैंने यह बात क्यों की। मैं बेहतर तरीके से यह बताने की कोशिश कर रहा हूं कि यह कैसे काम करता है और यह क्या कर सकता है।

प्रीप्रोसेसर को Node.JS में लिखा गया है, और PEG.js पार्सर जनरेटर का उपयोग जावास्क्रिप्ट को पार्स करने के लिए किया जाता है। वैसे, प्रीप्रोसेसर की एक ताकत (अच्छी तरह से, मेरे लिए व्यक्तिगत रूप से) यह है कि नियमित जावास्क्रिप्ट कोड पूरी तरह से पार्स है। खैर, जब तक, ज़ाहिर है, कोड में लैम्ब्डा, मॉड्यूल, आयात या निर्यात जैसे कीवर्ड शामिल हैं।

बेशक, जावास्क्रिप्ट पार्सर प्रदर्शन में भिन्न नहीं है, लेकिन, सौभाग्य से, कैशिंग इसके लिए पूरी तरह से क्षतिपूर्ति करता है।

अधिकांश विशेषताओं को पहले ही ऊपर वर्णित किया गया है, लेकिन अब मैं आपको उनके बारे में अधिक बताने की कोशिश करूंगा।

1. कार्यों की संक्षिप्त संकेतन।

 var way0 = lambda arg.charCodeAt (0), way1 = lambda (arg) arg.charCodeAt (0), way2 = lambda { return arg.charCodeAt (0) }, way3 = lambda (arg){ arg.charCodeAt (0) }, result = function (arg){ return arg.charCodeAt (0) }; 

सभी चार रिकॉर्डिंग विधियां समान परिणाम देती हैं। तर्क उन कार्यों में जोड़ा जाता है जिनमें नियमित तर्क नहीं होते हैं। यदि किसी फ़ंक्शन के पूरे शरीर में एक ऑपरेशन होता है (कथन; ईमानदार होने के लिए, मुझे नहीं पता कि कैसे सही ढंग से रूसी बोलना है), तो फ़ंक्शन इस ऑपरेशन के परिणाम को वापस कर देगा।

यहाँ कुछ और उदाहरण दिए गए हैं:

 var //     example0 = lambda (a, b, c, d) a + b + c + d, //   forEach example1 = lambda (a, fn) for (var i = 0; i < a.length; i ++) fn (a [i]), //     a  b. example2 = lambda { a: arg * 2, b: arg }; 

2. डिफ़ॉल्ट रूप से फ़ंक्शन तर्क।

कुछ खास नहीं, शीर्षक पहले से ही खुद के लिए बोलता है।

 function fn (arg1 = 100, arg2 = 'test'){ ... } 

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

3. मल्टी-लाइन स्ट्रिंग्स (मैं ऐसी बदसूरत अभिव्यक्ति के लिए माफी मांगता हूं)।

शुरुआत के लिए, यह उद्धरण चिह्नों के रूप में '' 'वर्ण का उपयोग करते हुए तार लिखने का एक तरीका है। आप अंत में लाइनों के सिरों पर "" रखना बंद कर सकते हैं (हालांकि, मैं मानता हूं, कोई भी आमतौर पर नहीं लिखता है ताकि बहु-पंक्ति लाइनों की आवश्यकता हो)। लेकिन यह सब नहीं है। उद्घाटन उद्धरण चिह्न से पहले चरित्र के आधार पर, प्रीप्रोसेसर किसी भी तरह से पाठ को अंदर संसाधित कर सकता है। "H" लिखिए और प्रीप्रोसेसर स्ट्रिंग को html-कोड के रूप में संकुचित करेगा, "c" को css- कोड के रूप में, "s" एक पंक्ति में रिक्त स्थान को हटा देगा, "l" स्ट्रिंग के अंदर LESS को CSS में परिवर्तित कर देगा (अच्छी तरह से, यह कंप्रेस भी करेगा, और "" lp "- मेरा पसंदीदा :) - न केवल LESS को CSS में रूपांतरित करता है, बल्कि भविष्य में जावास्क्रिप्ट के माध्यम से गुणों को परिभाषित करने की संभावना भी छोड़ देता है। बहुत सहज है।

4. मॉड्यूल।

संक्षेप में, यह एक ही जावा से वर्गों का एक प्रकार से एक अर्थ में है। लेकिन किसी भी तरह से सामान्य वर्गों द्वारा नहीं। जावास्क्रिप्ट में पहले से ही प्रोटोटाइप हैं, है ना?

मॉड्यूल प्रतिस्थापित करता है जिसे आमतौर पर अन्य भाषाओं में स्थिर कक्षाएं कहा जाता है (मुझे उम्मीद है कि यह शब्द बिल्कुल मौजूद है)।

एक साधारण मॉड्यूल का एक उदाहरण:

 module Example { function init (){ // ... } } 

जब स्क्रिप्ट शुरू होती है (ठीक है, उस पर बाद में और अधिक) को इनिट फ़ंक्शन कहा जाएगा।

और यह है कि दो मॉड्यूल कैसे दिखते हैं यदि उनमें से एक का उपयोग दूसरे द्वारा किया जाता है:

 module First { export function test (){ console.log ('    .'); } function init (){ console.log (' — .'); } } module Second { import First; function init (){ console.log ('   — ,       ,   .'); First.test (); } } 

यदि आप आयातित वर्ग "@" का नाम रखते हैं, तो आयातित वर्ग को आयात किए जाने की तुलना में बाद में आरंभीकृत किया जा सकता है। यह मदद करता है कि अगर दोनों वर्गों में से प्रत्येक को अचानक दूसरे को आयात करने की आवश्यकता होती है, हालांकि, निश्चित रूप से, वास्तुशिल्प रूप से यह संरचना प्रतिकारक दिखती है।

ठीक है, वहाँ भी केवल पढ़ने के निर्यात चर हैं:

 module First { import @Second; export function test (){ console.log ('    «1024»: ' + Second.value); } } module Second { import First; export var value = 1024; function init (){ First.test (); } } 

वैसे, मॉड्यूल को अन्य मॉड्यूल द्वारा उपयोग करने की आवश्यकता नहीं है। हालांकि वांछनीय है। :)

5. प्रीप्रोसेसर के पैरामीटर।

कोड असेंबली को अनुकूलित करने के लिए, आप फ़ाइल की शुरुआत में मुश्किल टिप्पणियों का उपयोग कर सकते हैं:

 // ==Jsx== // @target web:onload // @build-to build/ // @define __VERSION__ 1.00 // @import utils/string.format // @include jquery.min.js // ==/Jsx== 

(उपयोगकर्ता टिप्पणियों के लिए टिप्पणियाँ लगभग एक ही शैली में लिखी गई हैं।)

• लक्ष्य - इंगित करता है कि स्क्रिप्ट को कहाँ निष्पादित किया जाएगा। मॉड्यूल आरंभ करने वाला कोड इस तर्क पर निर्भर करता है। मान्य मान इस प्रकार हैं: "वेब" (विंडो वेरिएबल का उपयोग किया जाएगा), "वेब: ओनलोड" (पृष्ठ लोड होने पर मॉड्यूल इनिशियलाइज़ करना शुरू कर देगा), "नोड" (Node.JS, GLOBAL का उपयोग किया जाएगा), "स्थानीय"।
• बिल्ड-टू - इंगित करता है कि परिणाम को कहाँ सहेजना है। डिफ़ॉल्ट रूप से, स्क्रिप्ट इसे उसी फ़ोल्डर में सहेजती है, जो एक्सटेंशन "jsx" को "js" (या एक्सटेंशन "js" को जोड़कर प्रतिस्थापित करता है यदि मूल फ़ाइल में "jsx" से अलग एक्सटेंशन है।
• परिभाषित - परिणामी फ़ाइल में दूसरे के साथ पहले तर्क की सभी घटनाओं को प्रतिस्थापित करता है। कभी-कभी काम आता है।
• आयात - एक्सटेंशन "jsxi" (जिसे आपको पैरामीटर में लिखने की आवश्यकता नहीं है) के साथ एक फ़ाइल शामिल होगी, पहले पार्सिंग। यदि फ़ाइल पास के फ़ोल्डर में नहीं मिल सकती है, तो फ़ोल्डर कनेक्टेड प्रीप्रोसेसर फ़ाइलों के साथ खोज जारी रहेगा। (ठीक है, एक बहुत मुश्किल एल्गोरिथ्म है; शायद आपको ऐसी छोटी चीज़ों को यहाँ चित्रित नहीं करना चाहिए।)
• शामिल - विश्लेषण या कदम के बिना, परिणाम में फ़ाइल को शामिल करें।

ये सभी पैरामीटर नहीं हैं, साथ ही सभी विशेषताएं भी नहीं हैं, लेकिन, मेरी राय में, लेख एक संक्षिप्त विवरण के लिए बहुत बड़ा हो गया है।

वर्तमान संस्करण को यहां से डाउनलोड करें । मैं सभी संभावित त्रुटियों के लिए अग्रिम में माफी चाहता हूं और आपका ध्यान देने के लिए धन्यवाद। :)