Currying trong JavaScript là gì? Cách hoạt động và ứng dụng thực tế

Việc truyền cùng lúc ba hoặc bốn tham số vào một hàm đôi khi khiến mã nguồn trở nên cứng nhắc và kém linh hoạt hơn nhiều so với việc truyền từng tham số một ở các thời điểm khác nhau. Đây chính là ý tưởng cốt lõi đằng sau kỹ thuật currying trong JavaScript. 

Cùng Viettel IDC phân tích chi tiết bản chất kỹ thuật này, cách tự xây dựng một hàm tổng quát và những ứng dụng thực tiễn trong dự án trong bài viết dưới đây.

Currying trong JavaScript là gì?

Currying trong JavaScript là một kỹ thuật nâng cao giúp biến đổi một hàm nhận nhiều tham số cùng lúc thành một chuỗi các hàm nối tiếp nhau. Theo đó, mỗi hàm trong chuỗi này chỉ nhận đúng một tham số duy nhất và trả về một hàm tiếp theo. Quá trình này tiếp diễn cho đến khi toàn bộ tham số được thu thập đủ, lúc đó kết quả cuối cùng mới được tính toán và trả về.

Bản chất của currying không phải là thực thi hàm ngay lập tức, mà là biến đổi cách thức hàm đó được gọi. Kỹ thuật này hoạt động trơn tru trong JavaScript là nhờ vào khái niệm Closure bao đóng. Closure cho phép các hàm con sinh ra bên trong ghi nhớ được tham số của các hàm cha bên ngoài dù hàm cha đã kết thúc vòng đời thực thi.

Ví dụ cơ bản về Currying trong JavaScript

Để hiểu rõ sự khác biệt, chúng ta hãy xem xét một hàm tính tổng hai số cơ bản. Dưới đây là cách viết thông thường nhận hai tham số cùng lúc:

Khi áp dụng currying, chúng ta biến đổi hàm này thành một chuỗi hàm, mỗi hàm chỉ nhận một tham số:

Với sự ra đời của ES6, cú pháp Arrow Function giúp kỹ thuật này trở nên cực kỳ gọn gàng, thanh lịch và mang đậm phong cách Functional Programming:

Cách tự viết hàm curry tổng quát trong JavaScript

Trong thực tế, thay vì tự viết thủ công từng hàm trả về, các lập trình viên thường xây dựng một hàm bọc tổng quát Higher-Order Function để tự động chuyển đổi bất kỳ hàm nào thành dạng currying. Dưới đây là đoạn mã sử dụng đệ quy để thực hiện điều đó:

JavaScript

Giải thích logic: Hàm bọc sẽ kiểm tra số lượng tham số đã truyền vào thông qua thuộc tính args.length. Nó đem so sánh với thuộc tính func.length chính là số lượng tham số gốc mà hàm yêu cầu. Nếu đã thu thập đủ, nó thực thi hàm gốc. Nếu chưa đủ, nó trả về một hàm mới tiếp tục chờ nhận thêm tham số.

Lưu ý quan trọng: Kỹ thuật tổng quát này chỉ áp dụng được với các hàm có số lượng tham số cố định. Đối với các hàm sử dụng rest parameters tham số còn lại, thuộc tính chiều dài của hàm sẽ trả về 0, khiến logic kiểm tra bị sai lệch hoàn toàn.

Phân biệt Currying và Partial Application

Đây là hai khái niệm lập trình hàm rất dễ bị nhầm lẫn. Bảng dưới đây sẽ làm rõ bản chất của từng kỹ thuật:

Ứng dụng thực tế của Currying trong JavaScript

Tạo hàm chuyên biệt tái sử dụng từ một hàm tổng quát

Bạn có thể cấu hình trước các tham số tĩnh để tạo ra các hàm tiện ích nhỏ gọn hơn. Giả sử bạn có một hàm ghi log tổng quát:

JavaScript

Hỗ trợ Function Composition

Trong các luồng xử lý dữ liệu phức tạp, bạn thường phải đưa dữ liệu qua một đường ống pipeline. Currying giúp định dạng các hàm xử lý sao cho chúng chỉ nhận đúng một đầu vào và trả ra đúng một đầu ra, khớp hoàn hảo với nguyên tắc thiết kế luồng của lập trình hàm.

Xuất hiện trong các thư viện phổ biến

Nếu bạn từng làm việc với thư viện Lodash, phương thức _.curry chính là minh chứng rõ ràng nhất cho sức mạnh của kỹ thuật này. Trong hệ sinh thái React, pattern quen thuộc connect(mapStateToProps)(Component) của thư viện React Redux chính là một dạng ứng dụng kinh điển của kiến trúc này để bọc các thành phần giao diện.

Dưới đây là phiên bản cô đọng, đi thẳng vào trọng tâm nhưng vẫn giữ nguyên độ sâu chuyên môn và hoàn toàn không sử dụng dấu ngoặc kép:

Ưu và nhược điểm khi dùng Currying trong JavaScript

Việc áp dụng kỹ thuật này mang lại sức mạnh to lớn cho kiến trúc phần mềm nhưng cũng đòi hỏi sự cẩn trọng nhất định từ đội ngũ phát triển.

Ưu điểm vượt trội

- Tối ưu khả năng tái sử dụng: Bằng cách nạp trước một số tham số cấu hình, bạn dễ dàng tạo ra các hàm chuyên biệt từ một hàm gốc duy nhất, giúp mã nguồn tinh gọn và tuân thủ nguyên tắc DRY.

- Hỗ trợ kết hợp hàm Function Composition: Currying chia nhỏ luồng nghiệp vụ phức tạp thành các hàm độc lập, thuần khiết Pure Function, từ đó dễ dàng nối ghép chúng thành một đường ống xử lý dữ liệu trơn tru.

- Tăng tính biểu đạt: Việc truyền tham số theo từng giai đoạn giúp mã nguồn thể hiện rõ ràng trình tự logic và ý đồ thiết kế theo đúng triết lý lập trình khai báo.

Những hạn chế cần lưu tâm

- Rủi ro lỗi ngầm: Nếu bạn truyền thiếu tham số ở mắt xích cuối cùng, hệ thống sẽ trả về một định nghĩa hàm thay vì giá trị tính toán. Lỗi này không cảnh báo ngay lập tức mà âm thầm làm sai lệch dữ liệu phía sau, gây khó khăn lớn cho quá trình gỡ rối.

- Rào cản cú pháp: Cách gọi hàm liên tiếp với hàng loạt dấu ngoặc đơn san sát nhau rất dễ gây bối rối. Cú pháp này làm giảm tốc độ đọc hiểu, đặc biệt đối với các lập trình viên mới hoặc những kỹ sư chỉ quen thuộc với mô hình lập trình hướng đối tượng.

Câu hỏi thường gặp về Currying trong JavaScript (FAQs)

Currying có làm chậm hiệu năng ứng dụng không? Về mặt kỹ thuật, việc tạo ra chuỗi các hàm lồng nhau sử dụng bao đóng Closure sẽ tiêu tốn thêm một lượng nhỏ tài nguyên bộ nhớ và tạo ra các ngăn xếp lệnh gọi sâu hơn. Tuy nhiên, trong phần lớn các ứng dụng web thông thường, tác động hiệu năng này là hoàn toàn không đáng kể so với lợi ích về mặt bảo trì mã nguồn.

Có nên áp dụng currying cho mọi hàm trong dự án không? Hoàn toàn không nên. Lạm dụng kỹ thuật này ở mọi nơi sẽ khiến mã nguồn trở nên rối rắm. Chỉ nên áp dụng khi bạn thực sự cần tái sử dụng một cấu hình tham số nhiều lần hoặc khi cần xây dựng các chuỗi xử lý dữ liệu phức tạp theo phong cách lập trình hàm.

Currying có bắt buộc phải viết bằng đệ quy không? Không bắt buộc. Nếu bạn chỉ cần chuyển đổi một hàm có hai hoặc ba tham số cố định, bạn hoàn toàn có thể viết hàm lồng nhau tĩnh bằng cú pháp Arrow Function. Việc sử dụng đệ quy chỉ mang tính bắt buộc khi bạn muốn viết một hàm bọc tổng quát có khả năng chuyển đổi bất kỳ hàm nào mà không cần biết trước số lượng tham số.

Kết luận

Kỹ thuật currying là một bước đệm hoàn hảo để các lập trình viên JavaScript tiến sâu hơn vào thế giới lập trình hàm Functional Programming. Mặc dù cú pháp ban đầu có thể gây ra đôi chút bỡ ngỡ, nhưng một khi đã làm chủ được cơ chế truyền tham số từng phần và sức mạnh của bao đóng, bạn sẽ sở hữu năng lực thiết kế ra những kiến trúc mã nguồn cực kỳ thanh lịch, linh hoạt và dễ dàng mở rộng cho các dự án phần mềm quy mô lớn.

Để được hỗ trợ tư vấn và tìm hiểu các dịch vụ của Viettel, bạn có thể liên hệ trực tiếp tới Viettel IDC qua các kênh:

- Hotline: 1800 8088 (miễn phí cước gọi)

- Fanpage: https://www.facebook.com/viettelidc