Quản lý Bất đồng bộ với Promise và Async/Await trong JavaScript

Giới thiệu về Promise Trong JavaScript, các tác vụ bất đồng bộ (như gọi API, đọc file, hẹn giờ) thường phức tạp để quản lý bằng các callback lồng nhau (callback hell). Để giải quyết vấn đề này, JavaScript đã giới thiệu khái niệm Promise. Một Promise đại diện cho kết quả cuối cùng của một thao tác bất đồng bộ, có thể là thành công hoặc thất bại. ...

Đăng vào ngày 19 tháng 7 lúc 10:45

Sử dụng Promise xử lý tác vụ bất đồng bộ trong Vue 3

Trong JavaScript, Promise là một đối tượng được sử dụng để quản lý các tác vụ bất đồng bộ. Nó đại diện cho kết quả của một thao tác không đồng bộ, có thể là thành công hoặc thất bại. Promise mang lại cách tiếp cận gọn gàng và dễ đọc hơn so với việc sử dụng callback lồng nhau. Các trạng thái của Promise Một Promise có ba trạng thái chính: Pendi ...

Đăng vào ngày 10 tháng 7 lúc 12:38

Xử lý bất đồng bộ trong JavaScript với async/await

JavaScript hoạt động trên mô hình đơn luồng, nên để tránh treo giao diện khi thực thi các tác vụ tốn thời gian như gọi API hay đọc file, lập trình viên cần sử dụng cơ chế bất đồng bộ. Từ ES2017, cú pháp async và await ra đời giúp viết code bất đồng bộ dễ đọc và dễ quản lý hơn nhiều so với Promise thuần hoặc callback. Cơ chế bất đồng bộ trước a ...

Đăng vào ngày 2 tháng 7 lúc 17:55

Cơ chế đơn luồng, bất đồng bộ và thực thi của JavaScript

Giải thích về mô hình đơn luồng JavaScript được thiết kế theo mô hình đơn luồng để đảm bảo tính nhất quán khi thao tác DOM. Nếu cho phép đa luồng, việc đồng bộ hóa tài nguyên DOM sẽ dẫn đến tình trạng race condition. Ví dụ: document.getElementById("btn").addEventListener("click", () => { console.log("Xử lý click 1"); }); document.getElement ...

Đăng vào ngày 25 tháng 6 lúc 11:40

Promise trong JavaScript: Cách sử dụng và triển khai từ đầu

Promise là một giải pháp không thể thiếu khi xử lý bất đồng bộ trong JavaScript, đặc biệt phổ biến trong phát triển frontend. Hiểu rõ cách dùng và nguyên lý hoạt động của Promise giúp bạn tránh được "callback hell" và viết code sạch hơn. Promise là gì? Promise đại diện cho một giá trị có thể chưa sẵn sàng ngay lập tức, nhưng sẽ được hoàn thành ...

Đăng vào ngày 5 tháng 6 lúc 00:04

Hỏi và Đáp Phỏng Vấn Frontend - ES6

1. Phân biệt ES5 và ES6, trình bày những điểm mới của ES6 ECMAScript5 (ES5) là phiên bản thứ năm của ECMAScript, được chuẩn hóa vào năm 2009 ECMAScript6 (ES6) là phiên bản thứ sáu, hoàn thành vào năm 2015, còn được gọi là ES2015 ES6 là một cải tiến so với ES5, ngắn gọn hơn và giúp tăng hiệu suất phát triển Một số tính năng mới của ES6: let và ...

Đăng vào ngày 31 tháng 5 lúc 06:33

Hướng dẫn sử dụng Axios

Giới thiệu về Axios Axios là một thư viện HTTP dựa trên promise, có thể được sử dụng cả trong trình duyệt và node.js. Ưu điểm của Axios: Tạo XMLHttpRequests từ trình duyệt Tạo yêu cầu http từ node.js Hỗ trợ API Promise Chặn yêu cầu và phản hồi Chuyển đổi dữ liệu yêu cầu và phản hồi Hủy yêu cầu Tự động chuyển đổi dữ liệu JSON Hỗ trợ phòng chống ...

Đăng vào ngày 28 tháng 5 lúc 00:46

Điều khiển đồng bộ trong lập trình C++ đa luồng

Điều biến điều kiện (condition variable), std::future, std::promise, std::packaged_task và tư duy lập trình hàm là những công cụ cốt lõi để xây dựng các hệ thống đồng bộ an toàn và linh hoạt trong C++. Bài viết này trình bày cách kết hợp chúng một cách hiệu quả — từ việc đồng bộ hóa thao tác trên cấu trúc dữ liệu chia sẻ đến việc thiết kế thuật ...

Đăng vào ngày 25 tháng 5 lúc 16:24