पेश है कॉफ़ीस्क्रिप्ट

लेख कॉफ़ीस्क्रिप्ट प्रोग्रामिंग भाषा का एक संपूर्ण विवरण नहीं है, अर्थात् एक परिचित, कुछ दिलचस्प विशेषताओं का अवलोकन। लक्षित दर्शक वे हैं जिन्होंने अभी तक कॉफीस्क्रिप्ट की ओर नहीं देखा है, लेकिन एक तरह से या किसी अन्य ने अपनी परियोजनाओं में जावास्क्रिप्ट का उपयोग किया है।

CoffeeScript एक छोटी भाषा है जो जावास्क्रिप्ट में अनुवादित है। इसका प्रलेखन एक पृष्ठ पर फिट बैठता है - coffeescript.org और कॉम्पैक्ट और स्पष्ट है। मैंने इस लेख की आवश्यकता पर भी संदेह किया जब "निर्माता से" ऐसा एक शांत विवरण है, लेकिन फिर भी मैंने जोर दिया और कुछ विवरणों को स्पष्ट किया।

परिचय

यदि आप थोड़ा इतिहास खोदते हैं, तो 2009 के बाद से, रूबी में भाषा लिखी गई है, 2010 के बाद से - यह कॉफीस्क्रिप्ट में ही लिखा गया है।
और रूबी ऑन रेल्स में, संस्करण 3.1 से शुरू होकर, इसने "प्रतिस्थापित" जावास्क्रिप्ट किया।

अनिवार्य रूप से, CoffeeScript केवल जावास्क्रिप्ट पर सिंटैक्टिक चीनी है। तो, इसका मूल्य यह है कि यह आपको अपने विचारों को स्पष्ट रूप से व्यक्त करने और दूसरों को समझने की अनुमति देता है।

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

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

कोड अनुवाद

ठीक है, अपने CoffeeScript के साथ इसका उपयोग कैसे करें?
मेरी राय में, नोड.जेएस मॉड्यूल के साथ इसके साथ काम करना सबसे सुविधाजनक है। इसे यथासंभव सरल रखा गया है:
npm install -g coffee-script

हम दो फ़ोल्डर्स बनाते हैं, निश्चितता के लिए हम उन्हें lib और src नाम देंगे।
src/helloWorld.coffee फ़ाइल बनाएँ और CoffeeScript पर कुछ लिखें। उदाहरण के लिए:

 console.log('Hello world') 

उसके बाद, अनुवादक को चलाएँ:
coffee --compile --output lib/ src/
नतीजतन, helloWorld.js फ़ाइल, निष्पादन फ़ोल्डर में, निष्पादन के लिए तैयार होगी।
बेशक, सभी के लिए अनुवादक चलाना दिलचस्प नहीं है। टीम लॉन्च
coffee -o lib/ -cw src/
आपको src फ़ोल्डर में फ़ाइलों के सभी परिवर्तनों की निगरानी करने के लिए मजबूर करता है और स्वतंत्र रूप से उन्हें जावास्क्रिप्ट कोड में अनुवाद करता है।

वाक्य-विन्यास

कार्यों

भाषा पर ही चलते हैं। चलो एक सरल कॉफीस्क्रिप्ट कोड लिखते हैं:

 square = (x) -> x * x cube = (x) -> square(x) * x 

इसके जावास्क्रिप्ट समतुल्य:

 (function() { var cube, square; square = function(x) { return x * x; }; cube = function(x) { return square(x) * x; }; }).call(this); 

यहां हम दो फ़ंक्शन बनाते हैं जो क्रमशः एक संख्या के वर्ग और घन की गणना करते हैं।

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

अगला, ध्यान दें कि सभी स्थानीय चर var cube, square की घोषणाओं को शुरुआत में रखा गया है। जो बिना किसी कारण के एक चर, बिना किसी कारण के एक सामान्य गलती से बचाता है, इस तथ्य के कारण वैश्विक हो गया है कि वे केवल एक var घोषणा को जोड़ना भूल गए।

एरो -> शब्द function को प्रतिस्थापित function ।
और यह भी ध्यान दें कि शब्द return को जोड़ने की कोई आवश्यकता नहीं है। यह फ़ंक्शन में अंतिम अभिव्यक्ति के लिए स्वचालित रूप से जोड़ा जाता है।

डिफ़ॉल्ट मान

CoffeeScript फ़ंक्शन मापदंडों के लिए डिफ़ॉल्ट मान जोड़ता है, जो जावास्क्रिप्ट में उपलब्ध नहीं है।

कॉफीस्क्रिप्ट उदाहरण:

 fill = (container, liquid = "coffee") -> "Filling the #{container} with #{liquid}..." 

जावास्क्रिप्ट समकक्ष:

 var fill; fill = function(container, liquid) { if (liquid == null) { liquid = "coffee"; } return "Filling the " + container + " with " + liquid + "..."; }; 

जावास्क्रिप्ट कार्यान्वयन null या undefined लिए liquid पैरामीटर की जांच करने के लिए उबलता है।
एक और विवरण जो उदाहरण प्रस्तुत करता है वह यह है कि ब्रेसिज़ के रूप में, ब्रेसिज़ का उपयोग नहीं किया जाता है, लेकिन इंडेंट, जैसा कि पायथन में है।

ऑब्जेक्ट प्रॉपर्टीज पर Iterate करें

एक और चीज जो जावास्क्रिप्ट में annoys है, वस्तुओं के गुणों पर एक बहुत ही क्रियात्मक पुनरावृत्ति है।
तथ्य यह है कि ज्यादातर मामलों में जब किसी वस्तु के चारों ओर घूमते हैं, तो उसके अपने गुण ब्याज के होते हैं, न कि प्रोटोटाइप के गुण।
और हर बार और इसमें करने के लिए तुरंत hasOwnProperty एक छोटे से hasOwnProperty जाँच करता hasOwnProperty ।
JQuery.each () की शैली में समाधान किसी के द्वारा मना नहीं किया गया था, लेकिन यह पुराने समय के for प्रभावशीलता में हीन है।

हम देखते हैं कि इसे ठंडा कैसे बनाया जाए:

 yearsOld = max: 10, ida: 9, tim: 11 for own child, age of yearsOld console.log "#{child} is #{age}" 

के बराबर:

 var age, child, __hasProp = {}.hasOwnProperty; for (child in yearsOld) { if (!__hasProp.call(yearsOld, child)) continue; age = yearsOld[child]; console.log("" + child + " is " + age); } 

अच्छी छोटी चीजें

जावास्क्रिप्ट में, == ऑपरेटर मामूली अजीब व्यवहार करता है। यह === का उपयोग करने के लिए अधिक सुरक्षित है। इसलिए, CoffeeScript जावास्क्रिप्ट में जाल से नौसिखिए डेवलपर्स की रक्षा करने के लिए == ऑपरेटर को === में कनवर्ट करता है। हालांकि एक मामला दिमाग में आता है जब == ऑपरेटर अभी भी उपयोगी है। यह null साथ एक तुलना है, जो आपको एक गिर गए झपट्टा undefined null और undefined जांच करने की अनुमति देता है। क्या CoffeeScript के पास इसके लिए कोई ऑपरेटर है ? । एक उदाहरण पर विचार करें:

 alert "I knew it!" if elvis? 

और आउटपुट पर:

 if (typeof elvis !== "undefined" && elvis !== null) { alert("I knew it!"); } 

कक्षाएं

हम कक्षाओं में पास होते हैं। बस मामले में, हम स्पष्ट करते हैं कि हम कक्षाओं को ऑब्जेक्ट्स के कंस्ट्रक्टर फ़ंक्शन कहेंगे।

एक उदाहरण पर विचार करें:

 class Animal constructor: (@name) -> move: (meters) -> alert @name + " moved #{meters}m." class Snake extends Animal move: -> alert "Slithering..." super 5 class Horse extends Animal move: -> alert "Galloping..." super 45 sam = new Snake "Sammy the Python" tom = new Horse "Tommy the Palomino" sam.move() tom.move() 

सहज रूप से भी, आप अनुमान लगा सकते हैं कि क्या हो रहा है। बेस क्लास Animal और उसके दो वारिसों का वर्णन किया गया है: Snake और Horse ।
आइए Animal वर्ग पर ध्यान दें। निर्माण मापदंडों में @name एक सुविधाजनक आशुलिपि है जो नाम वर्ग की संपत्ति को परिभाषित करती है और स्वचालित रूप से निर्माणकर्ता को इसमें दिए गए मान को असाइन करती है। चाल विधि में, इस के लिए @name प्रविष्टि छोटा है।

उपवर्गों में move तरीकों में, super उसी नाम की मूल विधि कहलाता है। आखिरकार, सच्चाई यह है कि जब हम एक बच्चे की कक्षा में होते हैं, तो माता-पिता के संदर्भ को कभी-कभी केवल उसी नाम की मूल कक्षा पद्धति का संदर्भ देने की आवश्यकता होती है। अन्य मामले भी नहीं होते हैं।

मैं नष्ट नहीं करूंगा और अंत में, हम अपनी कक्षाओं के js- संस्करण पर आगे बढ़ेंगे।

 var Animal, Horse, Snake, sam, tom, _ref, _ref1, __hasProp = {}.hasOwnProperty, __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }; Animal = (function() { function Animal(name) { this.name = name; } Animal.prototype.move = function(meters) { return alert(this.name + (" moved " + meters + "m.")); }; return Animal; })(); Snake = (function(_super) { __extends(Snake, _super); function Snake() { _ref = Snake.__super__.constructor.apply(this, arguments); return _ref; } Snake.prototype.move = function() { alert("Slithering..."); return Snake.__super__.move.call(this, 5); }; return Snake; })(Animal); Horse = (function(_super) { __extends(Horse, _super); function Horse() { _ref1 = Horse.__super__.constructor.apply(this, arguments); return _ref1; } Horse.prototype.move = function() { alert("Galloping..."); return Horse.__super__.move.call(this, 45); }; return Horse; })(Animal); sam = new Snake("Sammy the Python"); tom = new Horse("Tommy the Palomino"); sam.move(); tom.move(); 

वंशानुक्रम क्लासिक extend फ़ंक्शन की भिन्नता पर आधारित है।
कार्यान्वयन काफी सरल है। बेशक, जब अन्य जावास्क्रिप्ट पुस्तकालयों के साथ तुलना की जाती है जो शुद्ध जावास्क्रिप्ट में कक्षाओं का एक सुविधाजनक क्रॉस-ब्राउज़र कार्यान्वयन प्रदान करते हैं।
फैंसी पुस्तकालयों का नकारात्मक पक्ष यह है कि यह पता लगाना हमेशा आसान नहीं होता है कि वे अंदर कैसे काम करते हैं।
और extend समारोह कई स्रोतों में बहुत अच्छी तरह से वर्णित है, उदाहरण के लिए, यहाँ javascript.ru/tutorial/object/inheritance#nasledovanie-na-klassah-funkciya-extend ।

प्रभावशीलता

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

एक बहुत ही सरल वर्ग पर विचार करें:

 class Foo bar: 10 

उत्पादन जावास्क्रिप्ट है:

 var Foo; Foo = (function() { function Foo() {} Foo.prototype.bar = 10; return Foo; })(); 

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

 obj = new Foo() obj.bar = 500 

यह ओब्जेक्ट ऑब्जेक्ट की व्यक्तिगत bar प्रॉपर्टी बनाता है। इस मामले में, ओब्जेक्ट ऑब्जेक्ट प्रोटोटाइप की bar संपत्ति अभी भी 10 के बराबर है। सब कुछ सुरक्षित और प्रभावी है।

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

ईवेंट हैंडलर को असाइन करना

एक और शांत विशेषता वस्तु विधियों के लिए घटना संचालकों की नियुक्ति है। एक उदाहरण:

 Account = (customer, cart) -> @customer = customer @cart = cart $('.shopping_cart').bind 'click', (event) => @customer.purchase @cart 

जारी करना:

 var Account; Account = function(customer, cart) { var _this = this; this.customer = customer; this.cart = cart; return $('.shopping_cart').bind('click', function(event) { return _this.customer.purchase(_this.cart); }); }; 

इवेंट हैंडलर के रूप में शुद्ध जावास्क्रिप्ट में उसी ऑब्जेक्ट की एक विधि निर्दिष्ट करने के लिए, आपको बाहर निकलना होगा।
एक बंद करने के लिए सबसे आम तरीकों में से एक है। CoffeeScript में, इस बैसाखी की जरूरत नहीं है। यह हैंडलर फ़ंक्शन को निर्दिष्ट करने के लिए पर्याप्त है -> , लेकिन => । उसके बाद, this हैंडलर के अंदर बेस ऑब्जेक्ट को संदर्भित करेगा।

शुद्ध जावास्क्रिप्ट एकता

यदि आपको शुद्ध जावास्क्रिप्ट कोड कनेक्ट करने की आवश्यकता है, तो यह करना भी आसान है:

 hi = `function() { return [document.title, "Hello JavaScript"].join(": "); }` 

आउटपुट है:

 var hi; hi = function() { return [document.title, "Hello JavaScript"].join(": "); }; 

सरणियों

और निश्चित रूप से, सरणियों और वस्तुओं के साथ काम करने के लिए कई चिप्स हैं। समझाने के लिए, एक पर विचार करें।
उदाहरण के लिए, मान लें कि हम 1 से 5 तक संख्याओं के क्यूब्स प्राप्त करना चाहते हैं।

CoffeeScript में, बस लिखें:

 cubes = (Math.pow(num, 3) for num in [1..5]) 

क्रिया जावास्क्रिप्ट में, हम प्राप्त करते हैं:

 var cubes, num; cubes = (function() { var _i, _results; _results = []; for (num = _i = 1; _i <= 5; num = ++_i) { _results.push(Math.pow(num, 3)); } return _results; })(); 

निष्कर्ष

मुझे उम्मीद है कि डेटिंग के लिए पर्याप्त होना चाहिए। इसके अलावा coffeescript.org पर आपका स्वागत है।

जैसा कि अपेक्षित था, कुछ निष्कर्ष:

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

मुख्य बात यह समझना है कि कॉफीस्क्रिप्ट क्या उत्पन्न करता है। तब यह अमूर्त की एक अतिरिक्त संदिग्ध परत से एक शक्तिशाली उपकरण में बदल जाता है।