ट्रैक
/
Elm
Elm
/
अभ्यास
/
बेट्टी की बाइक दुकान
बेट्टी की बाइक दुकान

बेट्टी की बाइक दुकान

सीखने का अभ्यास

परिचय

मूल बातें 2

फंक्शन एक्सपोर्ट करना

फंक्शन एक्सपोर्ट करना पहले कॉन्सेप्ट में बताया जा चुका है। यहाँ हम उसे जल्दी से दोहरा लेंगे।

Elm में हर फाइल एक मॉड्यूल होती है और उसमें बाकी सारे कोड से पहले एक module स्टेटमेंट होना ज़रूरी है।

मॉड्यूल के नाम उसकी फाइल के नाम से मेल खाने चाहिए। यानी मॉड्यूल Calculator को Calculator.elm फाइल में होना चाहिए, और मॉड्यूल Parser.Utils के लिए Parser/Utils.elm फाइल ज़रूरी है।

किसी मॉड्यूल में परिभाषित कोई भी चीज़ उसी मॉड्यूल तक सीमित रहती है और उस तक बाहर से पहुँचा नहीं जा सकता, जब तक कि उसे exposing में सूचीबद्ध न किया गया हो।

-- Calculator.elm
-- Define the Calculator module, and expose the `add` function
module Calculator exposing (add)

six = 3 + 3

add number1 number2 = number1 + number2
-- Calculator.elm
-- Define the Calculator module, and expose everything within: `six` and `add`
module Calculator exposing (..)

six = 3 + 3

add number1 number2 = number1 + number2

https://elm-lang.org/docs/syntax#modules

दूसरे मॉड्यूल से फंक्शन इम्पोर्ट करना

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

क्वालिफाइड इम्पोर्ट डिफ़ॉल्ट होते हैं। ऐसे मॉड्यूल के किसी फंक्शन तक पहुँचने के लिए उससे पहले मॉड्यूल का नाम लगाया जाता है, जैसे List मॉड्यूल के map फंक्शन को List.map लिखकर।

ओपन इम्पोर्ट से उस मॉड्यूल के बाहर के लिए उपलब्ध कराए गए फंक्शन सीधे इस्तेमाल किए जा सकते हैं, बिना मॉड्यूल का नाम पहले लगाए। इसके लिए exposing कीवर्ड का इस्तेमाल होता है, जो एक्सपोर्ट में इस्तेमाल होने वाले कीवर्ड का ही उल्टा रूप है। आप सारे उपलब्ध फंक्शन बाहर के लिए उपलब्ध करा सकते हैं (.. के साथ), या सिर्फ कुछ खास फंक्शन (जैसे map)।

आप दूसरे मॉड्यूल से टाइप और उनके कंस्ट्रक्टर भी इम्पोर्ट कर सकते हैं, लेकिन यह आगे के कॉन्सेप्ट में आएगा।

स्पष्टता बनाए रखने और नामों के टकराव से बचने के लिए क्वालिफाइड इम्पोर्ट को प्राथमिकता दी जाती है।

-- qualified imports
import List                            -- List.map, List.foldl
import List as L                       -- L.map, L.foldl

-- open imports
import List exposing (..)              -- map, foldl, concat, ...
import List exposing ( map, foldl )    -- map, foldl, List.concat

https://elm-lang.org/docs/syntax#modules

टाइप एनोटेशन

टाइप एनोटेशन name : parameter types -> return type के रूप में लिखे जाते हैं, जिसमें पैरामीटर के टाइप भी -> से अलग किए जाते हैं।

add : Int -> Int -> Int
add number1 number2 = number1 + number2

फंक्शन के पैरामीटर तय करने के लिए गोल ब्रैकेट का इस्तेमाल किया जा सकता है (ऐसे पैरामीटर भी इसी तरीके से लिखे जाते हैं, इसलिए ब्रैकेट लगाने पड़ते हैं)।

-- Transform every character in a string
map : (Char -> Char) -> String -> String
map charMapperFunction string =
    -- ...

https://elm-lang.org/docs/syntax#type-annotations

संख्याएँ

Elm में दो तरह की संख्याएँ होती हैं, जिन्हें Int और Float टाइप तय करते हैं। Int धनात्मक और ऋणात्मक पूर्णांकों के समूह को दर्शाता है। Float वास्तविक संख्याओं के समूह को दर्शाता है, जो कंप्यूटर की परिशुद्धता तक सीमित रहता है। संख्याओं पर लिखे गए ऑपरेशन आम तौर पर किसी एक ही टाइप पर काम करते हैं, दोनों को मिलाकर नहीं। इन दोनों के बीच बदलने के लिए फंक्शन मौजूद हैं। जैसे toFloat किसी Int को Float में बदलता है, और round, floor, ceiling या truncate किसी Float को अलग-अलग नियमों से Int में बदलते हैं।

https://package.elm-lang.org/packages/elm/core/latest/Basics#Int

स्ट्रिंग ऑपरेशन

कोड में शब्दों और वाक्यों को लिखने के लिए Elm में अपना String टाइप होता है। स्ट्रिंग लिटरल दोहरे कोटेशन के बीच लिखे जाते हैं, जैसे "Hello World!"। स्ट्रिंग जोड़ने वाला ऑपरेटर ++ और बराबरी जाँचने वाला ऑपरेटर == डिफ़ॉल्ट रूप से उपलब्ध हैं।

hello : String -> String
hello subject = "Hello " ++ subject

hello "World!" --> "Hello World!"

बाकी के अधिकांश स्ट्रिंग फंक्शन String मॉड्यूल में हैं, जिसे इम्पोर्ट करना पड़ता है।

https://package.elm-lang.org/packages/elm/core/latest/String

निर्देश

इस अभ्यास में आप Betty's Bike Shop की मदद के लिए कुछ कोड लिखेंगे। यह बाइक और पुर्ज़ों की ऑनलाइन दुकान है। आपके सामने तीन काम हैं, जिनका उद्देश्य वेबसाइट पर बाइक और पुर्ज़ों की कीमतें सही ढंग से प्रदर्शित करना है।

1. penceToPounds फंक्शन एक्सपोर्ट कीजिए

आपके सहकर्मी ने मॉड्यूल का ढाँचा पहले ही लिख दिया है, जिसमें penceToPounds और poundsToString नाम के दो फंक्शन हैं जो अभी परिभाषित नहीं हुए हैं। लेकिन वे penceToPounds फंक्शन एक्सपोर्ट करना भूल गए हैं, इसलिए यह फंक्शन अभी दूसरे मॉड्यूल या टेस्ट सूट को दिखाई नहीं देता।

एक्सपोर्ट किए गए फंक्शनों की सूची में penceToPounds को जोड़िए।

2. पेंस को पाउंड में बदलिए

अभी कीमत पेंस की पूर्णांक संख्या के रूप में संग्रहीत की जाती है (बाइक की यह दुकान UK में है)। वेबसाइट पर हम कीमत पाउंड में दिखाना चाहते हैं, जहाँ 1.00 पाउंड यानी 100 पेंस होते हैं। दूसरे काम में आपको penceToPounds फंक्शन बनाना है। यह फंक्शन पेंस की Int संख्या लेता है और उसे उसके बराबर पाउंड में Float के रूप में बदल देता है। आपको उस फंक्शन का टाइप एनोटेशन भी देना चाहिए।

penceToPounds 106
    --> 1.06

3. वेबसाइट पर दिखाने के लिए कीमत को फॉर्मेट कीजिए

चूँकि बेट्टी की बाइक पाउंड में बिकती हैं, कीमतों को "£" चिन्ह के साथ प्रदर्शित करना चाहिए। तीसरे काम में आपको poundsToString फंक्शन बनाना है। यह फंक्शन पाउंड की संख्या Float के रूप में लेता है और कीमत को String के रूप में लौटाता है, जिसके आगे पाउंड का चिन्ह लगा होता है। String मॉड्यूल में String.fromFloat फंक्शन है, जो इसमें मददगार होगा। इसका उपयोग करने से पहले आपको String मॉड्यूल इम्पोर्ट करना चाहिए। आपको poundsToString का टाइप एनोटेशन भी देना चाहिए।

poundsToString 1.06
    --> "£1.06"
GitHub के ज़रिए संपादित करें यह लिंक एक नई विंडो या टैब में खुलता है
Elm Exercism

बेट्टी की बाइक दुकान शुरू करने के लिए तैयार हैं?

Exercism पर साइन अप कीजिए और Elm को 28 कॉन्सेप्ट110 अभ्यास तथा असली इंसानों से मिलने वाली मेंटरिंग के साथ सीखिए और उसमें महारत हासिल कीजिए, वह भी बिल्कुल मुफ्त।