Callback Function là gì? Tổng quan về Callback Function

Nếu bạn đã học lập trình, chắc hẳn bạn biết thế nào là function. Nhưng bạn đã nghe đến Callback Function bao giờ chưa? Callback Function là một phần quan trọng của JavaScript. Một khi bạn hiểu rõ về , bạn sẽ thành thạo JavaScript hơn rất nhiều. 

1. Callback Function là gì?

Callback Function là gì
Bạn đã biết Callback Function là gì chưa?

Theo Wikipedia, Callback Function là một đoạn code chạy được được sử dụng như tham số truyền vào của hàm B nào đó. Hàm A được gọi ngay lập tức hoặc trễ một chút sau khi hàm B được gọi. Dễ hiểu hơn, hàm callback là một hàm được gọi khi một điều gì đó xảy ra. Điều gì đó ở đây là một event, theo ngôn ngữ lập trình. 

Hàm callback là một khái niệm có được từ lập trình hàm và cụ thể hóa cách dùng của các hàm như argument (đối số). Trong JavaScript, mỗi hàm đều là một first-class object (đối tượng hạng nhất). Điều này có nghĩa là mỗi hàm là một object và có thể được sử dụng như những object khác (string, number…). Điều này cho phép chúng ta sử dụng hàm này như tham số cho một hàm khác. Đây chính là ý tưởng cốt lõi đằng sau Callback function. 

2. Tại sao cần sử dụng Callback Function?

Hầu hết thời gian, chúng ta tạo chương trình và phần mềm theo hướng xử lý đồng bộ. Điều này có nghĩa là khi nào bước 1 hoàn thành, bước 2 mới được thực hiện; khi nào một chương trình xong thì mới thực hiện chương trình khác. Thông thường, khi chúng ta yêu cầu dữ liệu từ một nguồn khác như API (phương thức trung gian) mở, chúng ta không biết khi nào dữ liệu sẽ được trả về. 

Trong những trường hợp như vậy, đương nhiên chúng ta muốn chờ dữ liệu xuất hiện. Nhưng chúng ta không muốn cả chương trình phải dừng lại khi các dữ liệu đang được tìm kiếm. Đây là lúc hàm callback trở nên hữu dụng. Ngoài ra, nó còn cho phép chúng ta tái sử dụng code.

Với JavaScript, hàm callback đặc biệt quan trọng. Lý do là bởi: JavaScript là một ngôn ngữ lập trình hướng sự kiện. Điều này có nghĩa là thay vì đợi phản hồi rồi mới tiếp tục, JavaScript sẽ thực thi, đồng thời “lắng nghe” các sự kiện khác. Không phải là JavaScript không thực thi các hàm theo đúng trật tự chúng ta muốn, mà là JavaScript sẽ không đợi phản hồi từ, ví dụ hàm first(), rồi mới chuyển sang thực thi hàm second ().

Callback function là cách giúp chúng ta đảm bảo rằng một code nhất định sẽ không thực thi trừ khi một code khác hoàn thành thực thi. 

3. Phân loại Callback

Callback Function được chia thành 2 loại, dựa trên cách chúng được gọi: synchronous (xử lý đồng bộ) và asynchronous (xử lý không đồng bộ). 

Synchronous callback function còn được gọi là blocking callback function. Lý do là vì Higher-Order Function (hàm bậc cao) sẽ không hoàn thành nếu như callback chưa chạy xong. 

Callback Function đồng bộ
Ví dụ về hàm callback đồng bộ

greet() là một callback đồng bộ vì nó được chạy cùng lúc với hàm bậc cao map() . Như đã thấy từ ví dụ, cách để gọi callback là:

  • Hàm cấp cao bắt đầu chạy: ‘map() starts’
  • Hàm callback chạy: ‘greet() called’
  • Hàm bậc cao hoàn thành chạy: ‘map() completed’

Asynchronous callback còn được gọi là non-blocking callback. Hàm bậc cao hoàn thành thực thi, không đợi callback function. Hàm bậc cao đảm bảo sẽ thực thi callback function trong một sự kiện sau đó. Ở ví dụ dưới đây, hàm  later()được thực thi sau 2 giây. 

Callback Function không đồng bộ
Ví dụ về hàm callback không đồng bộ

later() là một hàm không đồng bộ vì setTimeout(later, 2000)bắt đầu và hoàn thành thực thi , nhưng later() được thực thi sau đó 2 giây. Cách để gọi hàm callback không đồng bộ là:

  • Hàm bậc cao bắt đầu thực thi: ‘setTimeout() starts’
  • Hàm bậc cao hoàn thành thực thi: ‘setTimeout() completed’
  • Callback unction được thực thi sau đó 2 giây: ‘later() called’

4. Cách triển khai

Hãy xem ví dụ dưới đây về Callback Function trong JavaScript: 

Cách triển khai Callback Function
Cách triển khai Callback Function
  • Từ dòng 1-9: Hàm calculateSum nhận một số n, và một hàm. Nó tính tổng các số từ 1 đến n, xuất tổng tìm được đó và truyền đến callback function, như ở dòng 8.
  • Từ dòng 12-14: Khi gọi hàm calculateSum, hàm callback cũng được định nghĩa bên trong hàm call. Nó nhận sum được truyền đến từ calculateSum và sử dụng tổng đó để xuất ra số trung bình. 

Got It hy vọng rằng với bài viết trên, bạn đã có được cái nhìn cơ bản về Callback Function. Happy Coding!


Got It Vietnam – Tham khảo: Free Code Camp, Educative, Dmitri Pavlutin

Nếu bạn quan tâm, hãy xem các vị trí đang tuyển dụng của Got It tại: bit.ly/gotit-hanoi và đọc thêm về quy trình tuyển dụng tại đây.

https://d1iv5z3ivlqga1.cloudfront.net/wp-content/uploads/2021/04/29235048/1_QAG9RXQyyMAY7i9OYo84FA.png
Got It Vietnam
February 09, 2021
Share this post to:
Tags:
Các bài viết liên quan
Callback Function là gì? Tổng quan về Callback Function

Callback Function là gì? Tổng quan về Callback Function

Nếu bạn đã học lập trình, chắc hẳn bạn biết thế nào là function. Nhưng bạn đã nghe đến Callback Function bao giờ chưa? Callback Function là một phần quan trọng của JavaScript. Một khi bạn hiểu rõ về , bạn sẽ thành thạo JavaScript hơn rất nhiều.  Mục lục1. Callback Function là gì?2. Tại […]
Softmax Function là gì? Tổng quan về Softmax Function

Softmax Function là gì? Tổng quan về Softmax Function

Softmax Function là một khái niệm toán học. Nó được sử dụng phổ biến trong lĩnh vực công nghệ thông tin, cụ thể là Machine Learning (Học máy). Hãy cùng Got It tìm hiểu về Softmax Function nhé. Mục lục1. Khái niệm Softmax Function2. Lịch sử hàm Softmax3. Tính chất của hàm Softmax4. Lợi ích […]
Tìm hiểu Sigmoid Function và lịch sử hình thành của nó

Tìm hiểu Sigmoid Function và lịch sử hình thành của nó

Sigmoid Function là một khái niệm quen thuộc trong Deep Learning. Bài viết sẽ trình bày sơ bộ về Sigmoid Function và lịch sử hình thành của nó. Mục lụcSigmoid Function là gì?Sigmoid Function dùng để làm gì?Lịch sử của Sigmoid FunctionHàm Sigmoid trước năm 1975Hàm Sigmoid sau năm 1975 Sigmoid Function là gì? Sigmoid […]
Function là gì? Những kiến thức cơ bản về Function trong lập trình

Function là gì? Những kiến thức cơ bản về Function trong lập trình

Bước vào thế giới lập trình, hẳn ai cũng sẽ thắc mắc Function là gì? Bài viết này sẽ giúp bạn làm rõ khái niệm này, đồng thời trình bày một số loại hàm cơ bản. Mục lụcFunction là gì?Các loại hàm trong lập trình1. Hàm Void2. Hàm yêu cầu giá trị đầu vào3. Hàm […]
Arrow Function trong ES6 – khi nào nên và không nên dùng?

Arrow Function trong ES6 – khi nào nên và không nên dùng?

Arrow Function là một trong những tính năng đặc biệt của ES6, nhưng vẫn chưa phổ biến với nhiều người. Bài viết này sẽ trình bày một số đặc điểm của Arrow Function và khi nào bạn nên hoặc không nên sử dụng nó. Mục lụcArrow Function trong ES6 có gì hay?Đặc điểm của Arrow […]
Inverse Function là gì? Tổng quan về hàm ngược

Inverse Function là gì? Tổng quan về hàm ngược

Inverse Function là một khái niệm trong toán học. Nó được sử dụng khá phổ biến trong lĩnh vực công nghệ thông tin, cụ thể là lập trình. Hôm nay hãy cùng Got It tìm hiểu về Inverse Function nhé. Mục lục1. Khái niệm Inverse Function2. Ví dụ về hàm ngược3. Tính chất của Inverse […]