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

Chữ ký hàm hiệu quả với các tham số mặc định và phần còn lại trong JavaScript

Sau đây là mã để triển khai Chữ ký hàm với JavaScript Mặc định và Tham số còn lại -

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>Function Signatures with Default and Rest Parameters</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to call the add() function with multiple parameters</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let resEle = document.querySelector(".result");
   function add(a = 0, b = 0, ...param) {
      let total = 0;
      total += a + b;
      param.forEach((item) => {
         total += item;
      });
      return total;
   }
   BtnEle.addEventListener("click", (event) => {
      resEle.innerHTML =
      "The total sum = " + add(2, null, 22, 11, 33, 44, 55);
   });
</script>
</body>
</html>

Đầu ra

Chữ ký hàm hiệu quả với các tham số mặc định và phần còn lại trong JavaScript

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

Chữ ký hàm hiệu quả với các tham số mặc định và phần còn lại trong JavaScript