ECMAScript 2023 नई सुविधाओं का परिचय देता है जो वेब विकास को प्रभावित करेगा।

वेब डेवलपमेंट की हमेशा विकसित होती दुनिया में नवीनतम प्रोग्रामिंग लैंग्वेज और फ्रेमवर्क के साथ बने रहना महत्वपूर्ण है। जावास्क्रिप्ट इस उद्देश्य के लिए व्यापक रूप से इस्तेमाल की जाने वाली भाषा है, और ES14 (ECMAScript 2023) रोमांचक नई सुविधाओं और सुधारों को पेश करने के लिए तैयार है।

यह लेख अपेक्षित अद्यतनों की पड़ताल करता है, जिसमें भाषा सुविधाएँ और प्रस्तावित मानक पुस्तकालय परिवर्तन और वेब विकास के लिए उनके निहितार्थ शामिल हैं।

1. रिकॉर्ड और टपल प्रकार

ES14 रिकॉर्ड और टपल प्रकार पेश करता है, जो जावास्क्रिप्ट में जटिल डेटा संरचनाओं के साथ काम करना आसान बनाता है। रिकॉर्ड्स ऑब्जेक्ट्स के समान होते हैं लेकिन चाबियों के एक निश्चित सेट और प्रत्येक मान के लिए एक विशिष्ट प्रकार के साथ। टुपल्स को प्रत्येक तत्व के लिए एक विशिष्ट प्रकार के मूल्यों के संग्रह का आदेश दिया जाता है।

यहाँ ES14 में रिकॉर्ड और टपल प्रकारों का उपयोग करने का एक उदाहरण दिया गया है:

प्रकार व्यक्ति = {
 नाम: स्ट्रिंग;
 आयु: संख्या;
पता: [स्ट्रिंग, स्ट्रिंग, नंबर];
};





instagram viewer

कॉन्स्ट जॉन: व्यक्ति = {
 नाम: "जॉन",
 उम्र: 30,
पता: ["123 मुख्य सेंट", "एनीटाउन", 12345],
};

इस उदाहरण में एक व्यक्ति प्रकार को नाम के लिए एक स्ट्रिंग, उम्र के लिए एक संख्या और एक टपल का उपयोग करके परिभाषित किया गया है पता, जिसमें सड़क के पते के लिए एक स्ट्रिंग, शहर के लिए एक स्ट्रिंग और ज़िप के लिए एक संख्या शामिल है कोड। जॉन ऑब्जेक्ट बनाने के लिए व्यक्ति प्रकार का उपयोग किया जाता है।

2. पाइपलाइन ऑपरेटर

ES14 प्रतीक द्वारा निरूपित पाइपलाइन ऑपरेटर का परिचय देता है |>, जो डेवलपर्स को अधिक पठनीय तरीके से चेन ट्रांसफॉर्मेशन की अनुमति देता है। इस ऑपरेटर के साथ, प्रत्येक परिवर्तन एक अलग कार्य द्वारा किया जाता है।

यहाँ ES14 में पाइपलाइन ऑपरेटर का उपयोग करने का एक उदाहरण दिया गया है:

कॉन्स्ट परिणाम = [1, 2, 3, 4, 5]
 |> ((आगमन) => आगमन फ़िल्टर ((एन) => एन % 20))
 |> ((आगमन) => आगमन मानचित्र ((एन) => एन * 2))
 |> ((आगमन) => आगमन कम करें ((ए, बी) => ए + बी));
सांत्वना देनालॉग (परिणाम); // आउटपुट: 12

पाइपलाइन ऑपरेटर का उपयोग करके, सरणी [1, 2, 3, 4, 5] को विशेष रूप से सम संख्याओं को शामिल करने के लिए फ़िल्टर किया जा सकता है। बाद में, प्रत्येक संख्या को दोगुना कर दिया जाता है और बाद में 12 का अंतिम परिणाम प्राप्त करने के लिए जोड़ा जाता है।

3. तीर कार्यों में नामित पैरामीटर

ES14 सरल करता है तीर कार्य सिंटैक्स नामित मापदंडों को पेश करके, कोड पठनीयता और रखरखाव में सुधार। तीर कार्यों के लिए नामित मापदंडों को पास करने के लिए अब डेवलपर्स को ऑब्जेक्ट डिस्ट्रक्टिंग पर भरोसा नहीं करना चाहिए; इसके बजाय, वे उन्हें सीधे कार्य परिभाषा में परिभाषित कर सकते हैं।

उदाहरण के लिए, इस उदाहरण पर विचार करें:

कॉन्स्ट अभिवादन = ({ नाम उम्र }) => {
सांत्वना देना।लकड़ी का लट्ठा('हैलो, मेरा नाम है ${नाम} और मैं हूँ ${उम्र} साल पुराना.');
};
अभिवादन({ नाम: "जॉन", आयु: 30 });
// आउटपुट: हैलो, मेरा नाम जॉन है और मेरी उम्र 30 साल है।

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

4. Async इटरेटर और जेनरेटर

ES14 अब एसिंक्रोनस इटरेटर और जेनरेटर का समर्थन करता है, डेटा की गैर-अवरुद्ध खपत की अनुमति देकर एसिंक्रोनस डेटा स्रोतों के साथ काम करना आसान बनाता है। यहाँ एक उदाहरण है:

asyncसमारोहडेटा प्राप्त करें() {
कॉन्स्ट प्रतिक्रिया = इंतजार लाना(" https://api.example.com/data");
कॉन्स्ट डेटा = इंतजार प्रतिक्रिया.जेसन ();
वापस करना आंकड़े;
}
asyncसमारोह* डेटा का प्रसंस्करण() {
कॉन्स्ट डेटा = इंतजार डेटा प्राप्त करें();
के लिए (कॉन्स्ट वस्तु का आंकड़े) {
उपज वस्तु * 2;
 }
}
(async () => {
के लिएइंतजार (कॉन्स्ट परिणाम का डेटा का प्रसंस्करण()) {
सांत्वना देनालॉग (परिणाम);
 }
})();

इस उदाहरण में, एक async फ़ंक्शन, getData, एक API से डेटा लाने और इसे JSON के रूप में वापस करने के लिए बनाया गया है। यह एक async जनरेटर फ़ंक्शन, प्रोसेसडाटा को परिभाषित करता है, डेटा आइटम को दो से गुणा करके प्राप्त करने और प्राप्त करने के लिए। जनरेटर से कंसोल तक प्रत्येक परिणाम को लॉग करने के लिए एक फॉर-वेट-ऑफ लूप का उपयोग किया जाता है

ES14: वेब विकास को सशक्त बनाना

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

जावास्क्रिप्ट और इसके ढांचे जैसे रिएक्ट को माहिर करना आपके अनुभव स्तर की परवाह किए बिना वेब विकास समुदाय में आपके कौशल और मूल्य को बढ़ा सकता है।