JavaScript là một ngôn ngữ lập trình mạnh mẽ cung cấp nhiều tính năng và khả năng. Một trong những tính năng quan trọng và linh hoạt nhất của JavaScript là Hàm bậc cao. Các hàm này lấy một hoặc nhiều hàm làm đối số và/hoặc trả về một hàm làm kết quả của nó, cho phép rất linh hoạt và trừu tượng.

Hàm bậc cao là gì?

Hàm bậc cao hơn là một hàm lấy một hoặc nhiều hàm làm đối số và/hoặc trả về một hàm làm kết quả của nó. Hãy tạo phương thức setTimeout tùy chỉnh của riêng chúng ta có tên là mySetTimeout:

function mySetTimeout(callback, delay) {
  setTimeout(callback, delay);
}

Đây là một ví dụ về cách bạn có thể sử dụng mySetTimeoutchúng tôi đã tạo trước đây.:

function sayHello() {
  console.log("Hello!");
}
mySetTimeout(sayHello, 1000);

Sử dụng các hàm bậc cao hơn trong một kịch bản thực tế

Giả sử bạn đang tạo một trang web thương mại điện tử và bạn muốn hiển thị danh sách các sản phẩm cho người dùng. Bạn muốn lọc các sản phẩm dựa trên các tiêu chí nhất định, chẳng hạn như giá cả và danh mục. Bạn có thể sử dụng chức năng Higher-Order để lọc sản phẩm.

const products = [
  { name: 'Product 1', price: 10, category: 'Electronics' },
  { name: 'Product 2', price: 20, category: 'Fashion' },
  { name: 'Product 3', price: 30, category: 'Electronics' },
  { name: 'Product 4', price: 40, category: 'Fashion' },
  { name: 'Product 5', price: 50, category: 'Electronics' },
];
const filterBy = (property, value) => (product) => product[property] === value;
const filteredProducts = products.filter(filterBy('category', 'Electronics'));
console.log(filteredProducts);

Bạn cũng có thể xâu chuỗi nhiều bộ lọc lại với nhau để lọc theo nhiều tiêu chí chẳng hạn:

const filteredProducts = 
products
.filter(filterBy('category', 'Electronics'))
.filter(filterBy('price', 30));
console.log(filteredProducts);

Phần kết luận

Trong bài đăng này, chúng tôi đã thảo luận về khái niệm cơ bản của Hàm bậc cao và cung cấp một ví dụ về cách chúng có thể được sử dụng trong một tình huống thực tế. Chúng tôi cũng nhấn mạnh cách sử dụng các chức năng Bậc cao hơn để lọc các sản phẩm dựa trên nhiều tiêu chí.

Cảm ơn bạn đã đọc!

Với điều này, tôi hy vọng rằng bạn đã hiểu rõ hơn về Higher-Order functions và các trường hợp sử dụng của chúng trong JavaScript.