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

Toán tử Spread trong các cuộc gọi hàm JavaScript

Cú pháp trải rộng cho phép chúng ta trải rộng một mảng hoặc bất kỳ có thể lặp lại nào để được mở rộng trên 0 hoặc nhiều đối số hơn trong một lệnh gọi hàm.

Sau đây là mã cho toán tử lây lan trong các lệnh gọi hàm trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Spread operator in function calls</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to use spread operator to pass parameters to add() function</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   function add(a, b, c, d) {
      return a + b + c + d;
   }
   let arr = [1, 2, 3, 4];
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML = add(...arr);
   });
</script>
</body>
</html>

Đầu ra

Toán tử Spread trong các cuộc gọi hàm JavaScript

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Toán tử Spread trong các cuộc gọi hàm JavaScript