Trước lúc vào tìm hiểu các vấn đề nâng cao như Promise, Class thì tất cả chúng ta sẽ tìm hiểu thế nào la Asynchronous và Synchronous. Đây là hai khái niệm mà phần lớn các lập trình viên mới vào nghề chưa hiểu được thực chất của nó nên dẫn tới xử lý tình huống bị sai.

Bạn Đang Xem: Synchronous là gì? Asynchronous là gì? – Freetuts

Trong bài có sử dụng từ viết tắt:

• Sync => Synchronous
• Async => Asynchronous

Trước hết tất cả chúng ta sẽ tìm hiểu khái niệm về Asynchronous và Synchronous đã nhé.

1. Synchronous là gì?

Synchronous có tức là xử lý đồng bộ, Khóa học sẽ đuổi theo từng bước và chỉ khi nào bước 1 thực hiện xong thì mới có thể nhảy sang bước 2, khi nào Khóa học này chạy xong mới nhảy qua Khóa học khác. Đây là nguyên tắc cơ bản trong lập trình mà bạn đã được học đó là lúc biên dịch các đoạn mã thì trình biên dịch sẽ biên dịch theo trật tự từ trên xuống dưới, từ trái qua phải và chỉ khi nào biên dịch xong dòng thứ nhât mới nhảy sang dòng thứ hai, điều này sẽ sinh ra một trạng thái ta hay gọi là trạng thái chờ. Ví dụ trong quy trình sinh sản dây chuyền sản xuất công nghiệp được xem là một khối hệ thống xử lý đồng bộ.

Synchronous hai mặt là mặt xấu và mặt tốt.

Mặt tốt của Synchronous

Xem Thêm : Hamburger là gì? xuất xứ từ đâu? – hướng dẫn cách làm và ăn hamburger đúng chuẩn

Lớp học sẽ đuổi theo đúng trật tự và có nguyên tắc nên sẽ không còn phạm phải các lỗi về tiến trình không cấp thiết. Không chỉ trong lập trình mà trong thực tế cũng vậy, một tổ chức đưa ra quy trình đồng bộ sẽ đảm bảo được chất lượng sản phẩm của sản phẩm, nếu bị lỗi thì sẽ biết ngay là lỗi tại quy trình nào và từ này sẽ dễ dàng khắc phục.

Mặt xấu của Synchronous

Lớp học đuổi theo trật tự đồng bộ nên sẽ sinh ra trạng thái chờ và là không cấp thiết trong một số trường hợp, lúc này bộ nhớ sẽ dễ bị tràn vì phải lưu trữ các trạng thái chờ vô duyên đó.

Khi chúng ta viết một Khóa học quản lý và trong đó có thao tác lưu, mỗi một khi lưu bạn yêu cầu người dùng có muốn lưu hay là không? Nếu muốn lưu thì click Yes, trái lại click No. Trường hợp nay gây tai họa nếu người dùng vô tình chỉ click Lưu mà không lưu ý đến thắc mắc mà khối hệ thống đưa ra nên ngồi nhâm nhi cafe, đột nhiên cúp điện thế là cứ tưởng đã lưu rồi 🙂 Vậy quy trình xử lý nên đưa ra chức năng lưu tự động hóa, tức là thao tác lưu sẽ bỏ qua bước hỏi đáp kia đi, không nhất thiết phải chờ nó OK mới lưu.

2. Asynchronous là gì?

Trái lại với Synchronous thì Asynchronous là xử lý bất động bộ, tức là Khóa học có thể nhảy đi bỏ qua một bước nào đó, vì vậy Asynchronous được ví như một Khóa học hoạt động không chặt chẽ và không có quy trình nên việc quản lý rất khó khăn. Nếu một hàm A phải bắt buộc chạy trước hàm B thì với Asynchronous sẽ không còn thể đảm bảo nguyên tắc này luôn đúng.

Mặt tốt của Asynchronous

Có thể xử lý nhiều công việc một lúc mà không nhất thiết phải mong chờ nên tạo cảm giác thoải mái 🙂 Ví dụ bạn đi ký một văn bản ở Xã, Phường thì nếu như khách hàng có tiền các bạn sẽ bỏ qua được một vài tiến trình phải không nào, lúc đó măt sẽ tươi rói và đương nhiên là anh viên chức cũng tươi không kém 🙂

Mặt xấu của Asynchronous

Nếu một chuong trình yên cầu phải có quy trình thì bạn không thể sử dụng Asynchronous được, tiêu biểu là trong quy trình sản xuât một sản phẩm của tương đối nhiều nhà máy sản xuất công nghiệp không thể ứng dụng kỹ thuật làm nhiều công việc một lúc thế này được. Còn về Khóa học trong lập trình thì sao? Một thao tác thêm tài liệu phải thông qua hai tiến trình là validate tài liệu và thêm tài liệu, nếu thao tác validate xẩy ra sau thao tác thêm thì còn gì tệ hại hơn nữa :).

3. Ajax Asynchronous

Từ trước giờ mình có nhận một số thắc mắc như: Vì sao em gán thay đổi giá trị của biến vào action success mà nó không thấy thay đổi vậy anh? Teamviewer kiểm tra thì thấy bạn đã phạm phải lỗi “chưa hiểu về xử lý dị đồng bộ” :).

Ajax Async

Theo khái niệm của Ajax là gì thì Ajax được viết tắt của tương đối nhiều từ Asynchronous JavaScript and XML, rõ ràng từ Asynchronous đã nói lên Ajax là một kỹ thuật xử lý dị đồng bộ. Nhiều bạn lập trình viên khi viết ứng dụng Ajax mà quên mất rằng đây là một Khóa học dị đồng bộ, tức là thao tác gửi Ajax và các đoạn code phía dưới sẽ tiến hành chạy song song.

Xem Thêm : Tất tần tật về giới hạn chảy của thép là gì? cách tra giới hạn chảy thép

Như vậy trong ĐOẠN 3 đang không nhận giá cực rẻ trị của ĐOẠN 2, lý do vì sao?

Theo quy trình xử lý thì Khóa học hoạt động từ trên xuông dưới và từ trái qua phải (điều đương nhiên), nhưng do Ajax phải mất một khoảng chừng thời kì rất lớn (so với tốc độ của trình biên dịch) để request đến URL nên nếu đưa nó vào xử lý đồng bộ thì quả tình trình duyệt phải mất một khoảng chừng thời kì chờ, vì vậy nó sẽ tiếp tục chạy xuống phía dưới mặc kệ đoạn ajax khi nào xong thì xong => dẫn đến giá trị message không thay đổi.

setTimeout Async

Nhưng nếu như khách hàng tạm ngưng trong vòng 10 giây chẳng hạn (ta coi như 10 giây đủ để request thực hiện xong) thì biến message sẽ nhận giá cực rẻ trị mới.

Vì sao lại như vậy? Thực chất setTimeout cũng là một Async đấy các bạn, tức là các đoạn code phía dưới sẽ hoạt động trước nội dung bên trong setTimeout().

Ví dụ:

Kết quả sẽ xuất hiện 2 -> 1 chứ không phải là 1 trong – 2 như bạn đang nghĩ đâu 🙂

4. Lời kết

Vậy Async và Sync là hai kỹ thuật đã được nhắc tới từ rất mất thời gian nhưng hôm nay mình mới có dịp trình bày về vấn đề này, đây không phải là một kỹ thuật đưa ra trong SS6 nhưng tôi cũng xin đưa vào series bởi vì nó có liên quan đến một số phần như Promise.

Các JS Framework hiện nay như NodeJS, AngularJS đều phải sở hữu sử dụng kỹ thuật Async, Sync và Promise, vì vậy hãy học kỹ ES6 trước lúc mở màn học hai phần kia nhé.