ES6+ JavaScript: आधुनिक सिंटैक्स की ताकत (let/const, Arrow Functions, Template Strings)

Back to Home

ES6+ JavaScript: आधुनिक सिंटैक्स की ताकत (let/const, Arrow Functions, Template Strings)

Category: programming
ES6+ JavaScript: आधुनिक सिंटैक्स की ताकत (let/const, Arrow Functions, Template Strings)
JavaScript एक ऐसी भाषा है जो समय के साथ लगातार विकसित होती जा रही है। पहले जो कोड लंबा और जटिल हुआ करता था, अब वही काम कुछ लाइनों में हो जाता है — और इसका श्रेय जाता है ES6 (ECMAScript 2015) और उसके बाद आए modern features को।
अगर आप JavaScript सीख रहे हैं या पुराने कोड को modern बनाना चाहते हैं, तो ये फीचर्स आपके कोड को क्लीन, फ़ास्ट और समझने में आसान बना देंगे।

🔹 1. let और const – वैरिएबल्स को सुरक्षित तरीके से संभालना
पुराने समय में हम सिर्फ़ var का इस्तेमाल करते थे, जिससे कुछ scope से जुड़ी दिक्कतें आती थीं।
ES6 ने हमें दिए let और const, जो ब्लॉक-लेवल स्कोप पर काम करते हैं।

// var का उदाहरण
var name = "Amit";
if (true) {
var name = "Ravi"; // बाहर वाला भी बदल जाएगा
}
console.log(name); // "Ravi"
// let का उदाहरण
let name = "Amit";
if (true) {
let name = "Ravi"; // ये अलग scope में रहेगा
}
console.log(name); // "Amit"
const का इस्तेमाल तब करें जब वैरिएबल को बदलना नहीं है:

const PI = 3.1416;
PI = 3.15; // ❌ Error: Assignment to constant variable
👉 निष्कर्ष:

let – जब वैरिएबल बदल सकता है

const – जब वैरिएबल स्थायी रहना चाहिए

⚡ 2. Arrow Functions – छोटे, सरल और पढ़ने में आसान फ़ंक्शन
Arrow functions ने JavaScript को एक नया रूप दिया।
अब हर बार function लिखने की ज़रूरत नहीं:

// पारंपरिक तरीका
function add(a, b) {
return a + b;
}

// आधुनिक तरीका
const add = (a, b) => a + b;

console.log(add(5, 10)); // 15
👉 Arrow functions का सबसे बड़ा फ़ायदा है कि ये this को अपने आस-पास के scope से inherit करते हैं — यानी अब bind() या self = this जैसी ट्रिक्स की ज़रूरत नहीं।

💬 3. Template Strings – स्ट्रिंग्स में जादू
पहले अगर आपको स्ट्रिंग्स जोड़नी होती थीं, तो आप कुछ इस तरह करते थे:

let name = "Ravi";
let age = 25;
console.log("My name is " + name + " and I am " + age + " years old.");
अब ES6 में आया है Template Literal, जो बैकटिक (`) से काम करता है:

let name = "Ravi";
let age = 25;
console.log(`My name is ${name} and I am ${age} years old.`);
✨ इससे स्ट्रिंग्स पढ़ने में आसान और error-free बन जाती हैं।

कुछ और Modern फीचर्स झलक में
फीचर उदाहरण फ़ायदा
Destructuring const {name, age} = person; ऑब्जेक्ट से डेटा निकालना आसान
Spread Operator const newArr = [...arr1, ...arr2]; Arrays को merge करना
Default Parameters function greet(name = "Guest") {} डिफ़ॉल्ट वैल्यू देना
Promises & Async/Await await fetchData() Asynchronous कोड सरल बनाना
ES6+ JavaScript ने कोडिंग को सिर्फ़ आसान नहीं बल्कि ज़्यादा प्रोडक्टिव और आधुनिक बना दिया है।