Giải đáp về Currying trong JavaScript

Không cần dài dòng văn tự, chúng ta sẽ cùng bắt tay vào ngay vấn đề

Currying là gì?

Trong JavaScript, Currying là một kỹ thuật biến đổi hàm nhận nhiều tham số thành một chuỗi các hàm, mỗi hàm chỉ nhận một tham số duy nhất. Ví dụ, Currying sẽ chuyển đổi hàm foo(a, b, c) thành curriedFoo(a)(b)(c).

Vậy làm thế nào để hiện thực hóa Currying trong JavaScript? Đoạn mã dưới đây minh họa cách thức hoạt động của một hàm Currying:

/**
 * This function curries the function passed to it as argument.
 */
function currying(functionToBeCurried) {

  return function curriedFunction(...args) {
    if (args.length >= functionToBeCurried.length) {
      return functionToBeCurried.apply(this, args)
    } else {
      return function (...args2) {
        return curriedFunction.apply(this, args.concat(args2))
      }
    }
  }

}

Dòng mã trên hoạt động theo nguyên tắc: nếu số lượng tham số được cung cấp bằng hoặc lớn hơn số lượng tham số của hàm gốc, hàm gốc sẽ được gọi. Ngược lại, một hàm mới sẽ được trả về và tiếp tục được gọi đệ quy cho đến khi nhận đủ số lượng tham số còn thiếu.

Một ví dụ khác về phiên bản Curried của một hàm

Để minh họa rõ hơn, chúng ta hãy cùng xem xét ví dụ về hàm printBill() được áp dụng Currying:

const prices = {
  "Product 1": 10,
  "Product 2": 20,
  "Product 3": 30,
}

/**
 * This function will get curried.
 */
function printBill(date, productName, quantity) {
  let headerString = "Date     Product    Total"
  let message = `${date.toDateString()}  ${productName}   ${quantity * prices[productName]}`

  console.log(headerString)
  console.log(message)
  console.log()
  console.log()  
}

// Curried version of the printBill.
let curriedPrintBill = currying(printBill)

Chúng ta có thể gọi cả hàm gốc và hàm đã được áp dụng Currying như sau:

const today = new Date()

console.log("Result of calling original function...")
printBill(today, "Product 1", 10) // Original function.

console.log("Result of calling curried function with original arguments...")
curriedPrintBill(today, "Product 1", 10) // Curried function with original arguments.

console.log("Result of calling curried function with single argument...")
curriedPrintBill(today)("Product 1")(10) // Curried function with single argument.

console.log("Result of calling curried function with multiple arguments...")
curriedPrintBill(today)("Product 1", 10) // Curried function with multi-argument variant.

Vậy bạn đã biết được tại sao nên dùng Curry hay chưa?

Một trong những ứng dụng hữu ích của Currying là tạo ra các “hàm áp dụng một phần” (Partially Applied Function) hay còn gọi là "partial". Hàm áp dụng một phần là phiên bản Curried của hàm gốc với một số tham số đã được cố định.

Ví dụ, tất cả các phiên bản "partial" dưới đây sẽ tạo ra cùng một kết quả:

// Create 'partially applied function' with today's date.
// The first argument of 'printTodaysBill()' is fixed to today's date.
let printTodaysBill = curriedPrintBill(today)
console.log("Result of calling 'partially applied function' which has first argument 'Date' as fixed.")
printTodaysBill("Product 1", 10)

// Another 'partially applied function' with today's date and Product 1 as fixed arguments.
let printTodaysBillForProduct1 = curriedPrintBill(today)("Product 1")
console.log(
  "Result of calling 'partially applied function' with today's date and 'Product 1' as fixed arguments.",
)
printTodaysBillForProduct1(10)

Currying mang lại nhiều lợi ích trong lập trình JavaScript, giúp code trở nên linh hoạt và dễ đọc hơn. Hy vọng chút thông tin này sẽ giúp ích cho các bạn!!!