Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Chữ ký hàm hiệu quả với tham số mặc định và rest trong JavaScript

Dưới đây là mã triển khai chữ ký hàm với tham số mặc định và rest parameters 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>Chữ ký hàm với tham số mặc định và Rest Parameters</h1> <div class="result"></div> <br /> <button class="Btn">CLICK HERE</button> <h3>Nhấn nút trên để gọi hàm add() với nhiều tham số</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 =       "Tổng cộng = " + add(2, null, 22, 11, 33, 44, 55);    }); </script> </body> </html>

Kết quả

Chữ ký hàm hiệu quả với tham số mặc định và rest trong JavaScript

Khi nhấn nút 'CLICK HERE':

Chữ ký hàm hiệu quả với tham số mặc định và rest trong JavaScript