इस ट्यूटोरियल में, आप उदाहरणों की मदद से जावास्क्रिप्ट ईएस 6 के बारे में जानेंगे।
जावास्क्रिप्ट ES6 (जिसे ECMAScript 2015 या ECMAScript 6 के रूप में भी जाना जाता है ) जावास्क्रिप्ट का नया संस्करण है जिसे 2015 में पेश किया गया था।
ECMAScript मानक है जो जावास्क्रिप्ट प्रोग्रामिंग भाषा का उपयोग करता है। ECMAScript विनिर्देशन प्रदान करता है कि जावास्क्रिप्ट प्रोग्रामिंग भाषा को कैसे काम करना चाहिए।
यह ट्यूटोरियल ईएस 6 की आमतौर पर उपयोग की जाने वाली विशेषताओं का एक संक्षिप्त सारांश प्रदान करता है ताकि आप ईएस 6 में जल्दी से शुरू कर सकें।
जावास्क्रिप्ट चलो
जावास्क्रिप्ट letका उपयोग चर घोषित करने के लिए किया जाता है। पहले, varकीवर्ड का उपयोग करके चर घोषित किए गए थे ।
letऔर के बीच अंतर के बारे में अधिक जानने के लिए var, जावास्क्रिप्ट पर जाएँ बनाम।
उपयोग letकिए जा रहे चर ब्लॉक-स्कोप किए गए हैं । इसका मतलब है कि वे केवल एक विशेष ब्लॉक के भीतर ही पहुंच सकते हैं। उदाहरण के लिए,
// variable declared using let let name = 'Sara'; ( // can be accessed only inside let name = 'Peter'; console.log(name); // Peter ) console.log(name); // Sara
जावास्क्रिप्ट कास्ट
constबयान जावास्क्रिप्ट में स्थिरांक घोषित करने के लिए प्रयोग किया जाता है। उदाहरण के लिए,
// name declared with const cannot be changed const name = 'Sara';
एक बार घोषित करने के बाद, आप एक constचर के मूल्य को नहीं बदल सकते ।
जावास्क्रिप्ट तीर समारोह
में ES6 संस्करण, आप समारोह भाव पैदा करने के लिए कार्य करता है तीर का उपयोग कर सकते हैं। उदाहरण के लिए,
यह फ़ंक्शन
// function expression let x = function(x, y) ( return x * y; )
के रूप में लिखा जा सकता है
// function expression using arrow function let x = (x, y) => x * y;
एरो फ़ंक्शंस के बारे में अधिक जानने के लिए, जावास्क्रिप्ट एरो फंक्शन पर जाएँ।
जावास्क्रिप्ट कक्षाएं
जावास्क्रिप्ट क्लास का इस्तेमाल ऑब्जेक्ट बनाने के लिए किया जाता है। क्लास एक कंस्ट्रक्टर फ़ंक्शन के समान है। उदाहरण के लिए,
class Person ( constructor(name) ( this.name = name; ) )
Keyword classका इस्तेमाल क्लास बनाने के लिए किया जाता है। गुण एक निर्माण कार्य में दिए गए हैं।
अब आप एक ऑब्जेक्ट बना सकते हैं। उदाहरण के लिए,
class Person ( constructor(name) ( this.name = name; ) ) const person1 = new Person('John'); console.log(person1.name); // John
कक्षाओं के बारे में अधिक जानने के लिए, जावास्क्रिप्ट कक्षाओं पर जाएँ।
डिफ़ॉल्ट पैरामीटर मान
ईएस 6 संस्करण में, आप फ़ंक्शन मापदंडों में डिफ़ॉल्ट मान पास कर सकते हैं। उदाहरण के लिए,
function sum(x, y = 5) ( // take sum // the value of y is 5 if not passed console.log(x + y); ) sum(5); // 10 sum(5, 15); // 20
उपरोक्त उदाहरण में, यदि आप के लिए पैरामीटर पास नहीं करते हैं, तो yयह डिफ़ॉल्ट रूप से 5 ले जाएगा ।
डिफ़ॉल्ट पैरामीटर के बारे में अधिक जानने के लिए, जावास्क्रिप्ट फ़ंक्शन डिफ़ॉल्ट पैरामीटर पर जाएँ।
जावास्क्रिप्ट टेम्पलेट साहित्य
टेम्पलेट शाब्दिक ने एक स्ट्रिंग के अंदर चर को शामिल करना आसान बना दिया है। उदाहरण के लिए, पहले आपको क्या करना था:
const first_name = "Jack"; const last_name = "Sparrow"; console.log('Hello ' + first_name + ' ' + last_name);
इसके द्वारा टेम्पलेट शाब्दिक का उपयोग करके प्राप्त किया जा सकता है:
const first_name = "Jack"; const last_name = "Sparrow"; console.log(`Hello $(first_name) $(last_name)`);
टेम्प्लेट शाब्दिकों के बारे में अधिक जानने के लिए, जावास्क्रिप्ट टेम्प्लेट लिटरल पर जाएँ।
जावास्क्रिप्ट विनाशकारी
विनाशकारी वाक्य रचना एक नए चर के लिए मान निर्दिष्ट करना आसान बनाता है। उदाहरण के लिए,
// before you would do something like this const person = ( name: 'Sara', age: 25, gender: 'female' ) let name = person.name; let age = person.age; let gender = person.gender; console.log(name); // Sara console.log(age); // 25 console.log(gender); // female
ES6 डिस्ट्रक्टिंग सिंटैक्स का उपयोग करते हुए , उपरोक्त कोड निम्नानुसार लिखा जा सकता है:
const person = ( name: 'Sara', age: 25, gender: 'female' ) let ( name, age, gender ) = person; console.log(name); // Sara console.log(age); // 25 console.log(gender); // female
विनाशकारी के बारे में अधिक जानने के लिए, जावास्क्रिप्ट विनाशकारी पर जाएँ।
जावास्क्रिप्ट आयात और निर्यात
आप किसी फंक्शन या प्रोग्राम को एक्सपोर्ट कर सकते हैं और उसे दूसरे प्रोग्राम में इम्पोर्ट करके इस्तेमाल कर सकते हैं। यह पुन: प्रयोज्य घटकों को बनाने में मदद करता है। उदाहरण के लिए, यदि आपके पास contact.js और home.js. नाम की दो जावास्क्रिप्ट फाइलें हैं
Contact.js फ़ाइल में, आप कर सकते हैं निर्यातcontact() समारोह:
// export export default function contact(name, age) ( console.log(`The name is $(name). And age is $(age).`); )
फिर जब आप contact()किसी अन्य फ़ाइल में फ़ंक्शन का उपयोग करना चाहते हैं , तो आप बस फ़ंक्शन को आयात कर सकते हैं। उदाहरण के लिए, home.js फ़ाइल में:
import contact from './contact.js'; contact('Sara', 25); // The name is Sara. And age is 25
जावास्क्रिप्ट वादा करता है
एसिंक्रोनस कार्यों को संभालने के लिए वादों का उपयोग किया जाता है। उदाहरण के लिए,
// returns a promise let countValue = new Promise(function (resolve, reject) ( reject('Promise rejected'); )); // executes when promise is resolved successfully countValue.then( function successValue(result) ( console.log(result); // Promise resolved ), )
वादों के बारे में अधिक जानने के लिए, जावास्क्रिप्ट वादों पर जाएं।
जावास्क्रिप्ट रेस्ट पैरामीटर और स्प्रेड ऑपरेटर
आप सरणी के रूप में अनिश्चित संख्या के तर्कों का प्रतिनिधित्व करने के लिए बाकी पैरामीटर का उपयोग कर सकते हैं । उदाहरण के लिए,
function show(a, b,… args) ( console.log(a); // one console.log(b); // two console.log(args); // ("three", "four", "five", "six") ) show('one', 'two', 'three', 'four', 'five', 'six')
आप … सिंटैक्स का उपयोग करके शेष तर्क पास करते हैं। इसलिए, नाम बाकी पैरामीटर ।
आप आइटम को एकल सरणी में कॉपी करने के लिए फैल सिंटैक्स … का उपयोग करते हैं । उदाहरण के लिए,
let arr1 = ('one', 'two'); let arr2 = (… arr1, 'three', 'four', 'five'); console.log(arr2); // ("one", "two", "three", "four", "five")
बाकी पैरामीटर और स्प्रेड ऑपरेटर दोनों एक ही सिंटैक्स का उपयोग करते हैं। हालांकि, प्रसार ऑपरेटर का उपयोग सरणियों (पुनरावृत्त मूल्यों) के साथ किया जाता है।
प्रसार ऑपरेटर के बारे में अधिक जानने के लिए, जावास्क्रिप्ट स्प्रेड ऑपरेटर पर जाएँ।
