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

Currying VS Ứng dụng một phần trong JavaScript.

Cà ri - Trong currying một hàm nhận một hàm khác và một số đối số. Sau đó, hàm trả về một hàm chỉ với một tham số. Nó trả về hàm với một đối số có thể được xâu chuỗi với nhau.

Đơn đăng ký một phần - Trong ứng dụng từng phần, một số đối số có thể được liên kết với một số giá trị để tạo ra một hàm với ít đối số hơn.

Sau đây là mã cho ứng dụng currying so với một phần 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: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Currying vs Partial application in JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to see currying and partial application example</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   function multiply(x, y) {
      return function (y) {
         return x * y;
      };
   }
   function add(a, b, c, d) {
      return a + b + c + d;
   }
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML =
      "Currying<br>multiply(2)(5) = " + multiply(2)(5) + "<br>";
      let partialAdd = add.bind(this, 2, 3);
      resEle.innerHTML +=
      "Partial Application <br> partialAdd(4,5) = " +
      partialAdd(4, 5) +
      "<br>";
   });
</script>
</body>
</html>

Đầu ra

Currying VS Ứng dụng một phần trong JavaScript.

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

Currying VS Ứng dụng một phần trong JavaScript.