- vừa được xem lúc

Giải đáp về Currying trong JavaScript

0 0 8

Người đăng: Thái Thịnh

Theo Viblo Asia

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!!!

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 528

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 436

- vừa được xem lúc

Một số phương thức với object trong Javascript

Trong Javascript có hỗ trợ các loại dữ liệu cơ bản là giống với hầu hết những ngôn ngữ lập trình khác. Bài viết này mình sẽ giới thiệu về Object và một số phương thức thường dùng với nó.

0 0 158

- vừa được xem lúc

Tìm hiểu về thư viện axios

Giới thiệu. Axios là gì? Axios là một thư viện HTTP Client dựa trên Promise.

0 0 149

- vừa được xem lúc

Imports và Exports trong JavaScript ES6

. Giới thiệu. ES6 cung cấp cho chúng ta import (nhập), export (xuất) các functions, biến từ module này sang module khác và sử dụng nó trong các file khác.

0 0 113

- vừa được xem lúc

Bài toán đọc số thành chữ (phần 2) - Hoàn chỉnh chương trình dưới 100 dòng code

Tiếp tục bài viết còn dang dở ở phần trước Phân tích bài toán đọc số thành chữ (phần 1) - Phân tích đề và những mảnh ghép đầu tiên. Bạn nào chưa đọc thì có thể xem ở link trên trước nhé.

0 0 249