Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

การใช้พารามิเตอร์ที่เหลือและตัวดำเนินการสเปรดใน JavaScript?


พารามิเตอร์พัก

ด้วยพารามิเตอร์ rest คุณสามารถแสดงอาร์กิวเมนต์จำนวนหนึ่งเป็นอาร์เรย์ได้ ES6 นำพารามิเตอร์การพักมาเพื่อช่วยให้การทำงานของนักพัฒนาง่ายขึ้น สำหรับอ็อบเจ็กต์อาร์กิวเมนต์ พารามิเตอร์ส่วนที่เหลือจะถูกระบุด้วยจุดสามจุด … และอยู่ข้างหน้าพารามิเตอร์

มาดูโค้ดต่อไปนี้เพื่อกำหนดพารามิเตอร์ส่วนที่เหลือ -

<html>
   <body>
      <script>
         function addition(…numbers) {
            var res = 0;
            numbers.forEach(function (number) {
               res += number;
            });
            return res;
         }
         document.write(addition(3));
         document.write(addition(9,10,11,12,13));
      </script>
   </body>
</html>

ตัวดำเนินการสเปรด

ตัวดำเนินการสเปรดจะอนุญาตให้คุณแยกอาร์เรย์ออกเป็นอาร์กิวเมนต์เดี่ยว อาร์กิวเมนต์เหล่านี้คืออาร์กิวเมนต์ ซึ่งเป็นฟังก์ชันแยกอาร์กิวเมนต์

ไวยากรณ์

นี่คือไวยากรณ์ −

function myfunction(...iterableObj);

นี่คือตัวอย่างที่แสดง Spread Syntax พร้อมอาร์กิวเมนต์:

function multiply(x, y) {
   return x*y;
}
var myArgs = [50, 100]; console.log(multiply(…myArgs));

ตัวอย่าง

นี่เป็นอีกตัวอย่างหนึ่ง

การสาธิตสด

<html>
   <body>
      <script>
         var a, b, c, d, e, f, g;
         a = [10,20];
         b = "rank";
         c = [30, "points"];
         d = "run"

         // concat method.
         e = a.concat(b, c, d);

         // spread operator
         f = [...a, b, ...c, d];
         document.write(e);
         document.write("<br>"+f);
      </script>
   </body>
</html>