কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্টে arguments অবজেক্ট Rest, Default এবং Destructured প্যারামিটারসহ কীভাবে ব্যবহার করবেন?


Default

ফাংশন প্যারামিটার সহজে হ্যান্ডল করার জন্য এটি এসেছে। ডিফল্ট প্যারামিটার সহজে সেট করা যায় যাতে ফরম্যাল প্যারামিটারها ডিফল্ট ভ্যালু দিয়ে ইনিশিয়ালাইজ হয়। এটি তখনই সম্ভব যখন কোনো ভ্যালু বা undefined পাস করা হয়। উদাহরণ দেখুন -

উদাহরণ

<html> 
  <body> 
    <script> 
      // default is set to 1 
      function inc(val1, inc = 1) { 
        return val1 + inc; 
      } 
      document.write(inc(10,10)); 
      document.write("<br>"); 
      document.write(inc(10)); 
    </script> 
  </body> 
</html>

Rest

ES6 ডেভেলপারদের কাজ সহজ করার জন্য রেস্ট প্যারামিটার लेकर এসেছে। arguments অবজেক্টের জন্য, রেস্ট প্যারামিটার তিনটি ডট ... দিয়ে ইন্ডিকেট করা হয় এবং একটি প্যারামিটারের আগে থাকে।

উদাহরণ

নিচের কোড স্নিপেটটি দেখুন -

<html> 
  <body> 
    <script> 
      function addition(...numbers) { 
        var res = 0; 
        numbers.forEach(function (number) { 
          res += number; 
        }); 
        return res; 
      } 
      document.write(addition(3)); 
      document.write(addition(5,6,7,8,9)); 
    </script> 
  </body> 
</html>

Destructuring

ES6-এ প্যাটার্ন ম্যাচিং দিয়ে বাইন্ডিংয়ের জন্য ডিস্ট্রাকচারিং প্যারামিটার পরিচয় করানো হয়েছে। যদি ভ্যালু না পাওয়া যায়, তবে undefined রিটার্ন করে। ES6 কীভাবে অ্যারে ডিস্ট্রাকচার করে إندিভিজুয়াল ভেরিয়েবলে তা দেখুন -

উদাহরণ

<html> 
  <body> 
    <script> 
      let marks = [92, 95, 85]; 
      let [val1, val2, val3] = marks; 
      document.write("Value 1: "+val1); 
      document.write("<br>Value 2: "+val2); 
      document.write("<br>Value 3: "+val3); 
    </script> 
  </body> 
</html>
  1. জাভাস্ক্রিপ্ট ফাংশনে ডিফল্ট ও রেস্ট প্যারামিটার পার্থক্য

  2. জাভাস্ক্রিপ্টে সাব-অবজেক্ট ও অ্যারে সহ অবজেক্ট ইমপোর্ট করা

  3. জাভাস্ক্রিপ্টে ডিফল্ট ও রেস্ট প্যারামিটারসহ কার্যকর ফাংশন সিগনেচার

  4. জাভাস্ক্রিপ্টে রিডিউস এবং রেঞ্জ ব্যবহার করে ফ্যাক্টোরিয়াল ফাংশন লেখা