Làm thế nào để sử dụng các đối số được đặt tên trong các hàm JavaScript?

Sau đây là mã để sử dụng các đối số được đặt tên trong các hàm 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;
   }
   .sample,.result {
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
   .result {
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Named arguments in JavaScript functions</h1>
<div class="sample"></div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to call a function and pass above object to it
as argument
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let resultEle = document.querySelector(".result");
   sampleEle.innerHTML = "{a:22,b:44,c:55,d:99}";
   function add({ a = 0, b = 0, c = 0, d = 0 }) {
      return a + b + c + d;
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      resultEle.innerHTML += "Sum = " + add({ a: 22, b: 44, c: 55, d: 99 });
   });
</script>
</body>
</html>