ক্লোনিং ৷ একটি ভেরিয়েবল থেকে অন্য ভেরিয়েবলে একটি বস্তুকে অনুলিপি করা ছাড়া কিছুই নয়। অ্যাসাইনমেন্ট অপারেটর ব্যবহার করে সহজ ক্লোনিং আমাদের উদ্দেশ্য অনুযায়ী কাজ করে না। যখন ক্লোনিং হয়, যে কোনো ভেরিয়েবলের পরিবর্তন অন্য ভেরিয়েবলের কোনো ধরনের পরিবর্তনকে প্রতিফলিত করা উচিত নয়। কিন্তু অ্যাসাইনমেন্ট অপারেটর এর ক্ষেত্রে , যেকোন ভেরিয়েবলের পরিবর্তন অবশ্যই অন্য ভেরিয়েবলে প্রতিফলিত হবে। তাই এই অপূর্ণতা কমাতে ES6 স্প্রেড অপারেটর প্রদান করেছে .
উদাহরণ
নিম্নলিখিত উদাহরণে, ক্লোনিং ৷ স্প্রেড অপারেটর ব্যবহার করে করা হয় . তাই একটি ভেরিয়েবলের পরিবর্তন অন্য ভেরিয়েবলে প্রতিফলিত হয়।
<html>
<body>
<script>
var org = {org1 : "Serveneedy", org2 : "Praveenlatha", org3 : "Redcross" };
document.write(JSON.stringify("without change org :" + " "+ JSON.stringify(org)));
var neworg = org;
org.org1 = "gatesfoundation";
document.write("</br>");
document.write(JSON.stringify("with change org :" + " "+ JSON.stringify(org)));
document.write("</br>");
document.write(JSON.stringify("change also reflected in neworg :" +" "+JSON.stringify(neworg)));
</script>
</body>
</html> আউটপুট
"without change org : {\"org1\":\"Serveneedy\",\"org2\":\"Praveenlatha\",\"org3\":\"Redcross\"}"
"with change org : {\"org1\":\"gatesfoundation\",\"org2\":\"Praveenlatha\",\"org3\":\"Redcross\"}"
"change also reflected in neworg :{\"org1\":\"gatesfoundation\",\"org2\":\"Praveenlatha\",\"org3\":\"Redcross\"}"
উদাহরণ
নিম্নলিখিত উদাহরণে স্প্রেড অপারেটর ব্যবহার করা হয় তাই মূল বস্তুতে পরিবর্তন ক্লোন করা বস্তুতে প্রতিফলিত হয় না
<html>
<body>
<script>
var org = {org1 : "Serveneedy", org2 : "Praveenlatha", org3 : "Redcross" };
document.write(JSON.stringify("without change org :" + " "+ JSON.stringify(org)));
var neworg = {...org};
org.org1 = "gatesfoundation";
document.write("</br>");
document.write(JSON.stringify("with change org :" + " "+ JSON.stringify(org)));
document.write("</br>");
document.write(JSON.stringify("change also reflected in neworg" +" "+JSON.stringify(neworg)));
</script>
</body>
</html> আউটপুট
"without change org : {\"org1\":\"Serveneedy\",\"org2\":\"Praveenlatha\",\"org3\":\"Redcross\"}"
"with change org : {\"org1\":\"gatesfoundation\",\"org2\":\"Praveenlatha\",\"org3\":\"Redcross\"}"
"change also reflected in neworg : {\"org1\":\"Serveneedy\",\"org2\":\"Praveenlatha\",\"org3\":\"Redcross\"}" 