स्प्रेड सिंटैक्स और रेस्ट पैरामीटर: ES2015 में उनके अंतर को उजागर करना

ES2015 में स्प्रेड सिंटैक्स और रेस्ट पैरामीटर की बारीकियों को नेविगेट करना एक दिमाग हो सकता है - कठिन प्रयास. इस गाइड में, हम जावास्क्रिप्ट के लगातार विकसित हो रहे परिदृश्य में उनकी विरोधाभासी भूमिकाओं का विश्लेषण करेंगे। ...') हमें एक पुनरावर्तनीय (उदाहरण के लिए, एक सरणी) को उसके अलग-अलग तत्वों में विस्तारित करने की अनुमति देता है। यह एक एकल चर पर काम करता है, इसे छोटे भागों में तोड़ता है:

var abc = ['a', 'b', 'c']; var def = ['d', 'e', ​​'f']; वर अल्फ़ा = [ ...एबीसी, ...डीईएफ ]; कंसोल.लॉग(अल्फा); // अल्फा आउटपुट देगा ['ए', 'बी', 'सी', 'डी', 'ई', 'एफ']

var abc = ['a', 'b', 'c'];
var def = ['d', 'e', 'f'];
var alpha = [ ...abc, ...def ];
console.log(alpha); // alpha will output ['a', 'b', 'c', 'd', 'e', 'f']

इसके विपरीत, बाकी पैरामीटर ('...' से पहले भी) फ़ंक्शन की तर्क सूची से कई तत्वों को कैप्चर करता है और उन्हें एक एकल सरणी में जोड़ता है। यह तकनीक आमतौर पर तब नियोजित की जाती है जब हम अज्ञात संख्या में तर्कों को संभालना चाहते हैं:

function sum(...args) { वर योग = 0; के लिए (var i = 0; i

function sum(...args) {
  var sum = 0;
  for (var i = 0; i 
हालांकि स्प्रेड सिंटैक्स और रेस्ट पैरामीटर दोनों '...' ऑपरेटर का उपयोग करते हैं, वे अलग-अलग उद्देश्यों की पूर्ति करते हैं:
स्प्रेड सिंटैक्स अपने अलग-अलग तत्वों में पुनरावर्तनीय का विस्तार करता है। इसके भागों में, जबकि बाकी पैरामीटर कई चर को एक सामंजस्यपूर्ण इकाई में समेकित करता है।