Computer >> Máy Tính >  >> Lập trình >> Javascript

Cách sử dụng tham số nghỉ và toán tử spread trong JavaScript?

Thông số còn lại

Với tham số rest, bạn có thể biểu diễn một số đối số dưới dạng một mảng. ES6 mang đến tham số nghỉ để dễ dàng hơn cho công việc của các nhà phát triển. Đối với các đối tượng đối số, các tham số còn lại được biểu thị bằng ba dấu chấm… và đứng trước một tham số.

Hãy xem đoạn mã sau để xác định thông số nghỉ -

<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>

Toán tử Spread

Toán tử spread sẽ cho phép bạn tách một mảng thành các đối số duy nhất. Các đối số này là các đối số, là các hàm dưới dạng các đối số riêng biệt.

Cú pháp

Đây là cú pháp -

function myfunction(...iterableObj);

Dưới đây là một ví dụ hiển thị Cú pháp Spread với các đối số:

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

Ví dụ

Đây là một ví dụ khác

Bản trình diễn trực tiếp

<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>