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

[Functional Programming] Part 2 - Currying

0 0 19

Người đăng: Tùng

Theo Viblo Asia

Đây là phần thứ hai trong loạt bài viết về Functional Programming của mình. Nếu bạn đã bỏ lỡ bài viết trước về Immutability và Pure Functions, thì mình khuyên bạn nên đọc nó trước (trừ khi bạn đã biết về các khái niệm này).


Currying

Hôm nay, chúng ta sẽ tìm hiểu về Currying. Vậy nó là cái gì? Nói một cách ngắn gọn thì đó là một kỹ thuật giúp bạn có thể gọi một phần hàm của mình để tạo ra một hàm hoàn toàn mới, hàm mới này sẽ bớt đi một số tham số so với hàm trước đó (các tham số bị bớt đi này được apply sẵn vào hàm mới ngay khi hàm được gọi).

Để tạo ra một curried function, thay vì khai báo hàm như thế này:

function add (a, b) { return a + b
}

Chúng ta sẽ khai báo như thế này:

function add (a) { return function (b) { return a + b }
}

Chắc là các bạn sẽ thấy cách khai báo này hơi kì. Ở đây, hàm bên trong có quyền truy cập vào a do chúng ta áp dụng closure (một hàm có quyền truy cập vào tất cả các biến được khai báo bên ngoài nó).

Các bạn chắc hẳn sẽ thấy các hàm như thế này khó đọc hơn các hàm được viết theo cách “bình thường”. Nhưng may mắn cho chúng ta, hàm này có thể được cấu trúc lại bằng cú pháp ES6 như sau:

const add = a => b => a + b;

Có thể bạn sẽ thấy lạ nếu bạn chưa từng thấy cú pháp này trước đây. Ở đây mình đã dùng cú pháp arrow function của ES6. Lưu ý rằng mình không sử dụng từ khóa return ở đây. Khi bạn ngay lập tức trả về một giá trị trong hàm của mình, bạn có thể loại bỏ từ khóa return và trình thông dịch vẫn sẽ hiểu được nó. Bạn có thể bỏ luôn cả ngoặc {} để có thể viết gọn thành 1 dòng. Cách return như thế này được gọi là implicity return.

Vậy, làm thế nào để gọi hàm trên?

// Gọi hàm được viết theo cách "bình thường"
add(1, 2) // 3 // Gọi hàm viết theo kiểu curried (bất kể với syntax ES5 hay ES6)
add(1)(2) // 3

Một số người sẽ cho rằng cách gọi của curried function "xấu" hơn vì có nhiều dấu ngoặc đơn. Nhưng rồi bạn sẽ quen với nó. Hơn nữa, khi chúng ta tìm hiểu sâu thêm về Functional Programming, bạn sẽ bắt đầu thấy được những lợi ích to lớn của việc viết curried function.

Partial application

Vậy thì, cách viết như thế này sẽ bổ sung cho chúng ta thêm điều gì? Giả sử bạn thường xuyên cần phải cộng một số với 2. Bạn có thể tạo một hàm mới chỉ để thực hiện điều đó. Mình biết ví dụ này khá vô dụng, nhưng do chỉ là ví dụ nên mình chỉ làm đơn giản như vậy (tuy nhiên mình nghĩ các bạn có thể hình dung ra, với một hàm bàn đầu có nhiều logic thì việc sử dụng currying để sử dụng chỉ một phần logic của nó là rất hữu ích).

// Tạo một hàm mới
const add2 = add(2); add2(1) // 3
add2(8) // 10

Kỹ thuật này được gọi là áp dụng một phần (Partial application) vì chúng ta không áp dụng hoàn toàn hàm ban đầu. Chúng ta gọi nó với đối số đầu tiên để trả về hàm bên trong (mà không có đối số của nó). Hàm bên trong sẽ có quyền truy cập vào đối số của hàm bên ngoài nhờ closure.

Để làm rõ hơn, hãy để mình thể hiện cho bạn dưới một cách khác khi chúng ta gọi ta add(2).

// một biến 'a' được gán giá trị 2,
// hàm bên trong có thể truy cập nó.
const a = 2; //'add2' được gán giá trị là hàm bên trong
const add2 = function (b) { return a + b;
}

Hy vọng rằng bây giờ các bạn đã hiểu một cách cơ bản currying nghĩa là gì. Trong bài viết tiếp theo, chúng ta sẽ áp dụng nhiều hơn kĩ thuật này khi chúng ta tìm hiểu về compose. Bài viết tiếp theo chắc hản sẽ rất thú vị, vì theo mình, đây là một trong những thủ thuật hay và hữu ích nhất trong Functional programming. Hẹn gặp lại các bạn!


Source: https://levelup.gitconnected.com/functional-programming-for-javascript-developers-currying-2d16766909e9

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 500

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

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

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

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

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