การใช้งาน Async ในภาษา Dart แบบง่ายๆ พร้อมตัวอย่าง CODE และอธิบายการทำงาน

ในโลกของการเขียนโปรแกรม การทำงานแบบ Asynchronous (Async) เป็นหนึ่งในแนวทางที่สำคัญอย่างยิ่ง โดยเฉพาะเมื่อเรากำลังพัฒนาซอฟต์แวร์ที่ต้องจัดการกับคำร้องขอหลายๆ ข้อในเวลาเดียวกัน ภาษา Dart ซึ่งเป็นภาษาที่ใช้กันอย่างแพร่หลายในการพัฒนาแอปพลิเคชัน Flutter ก็มีความสามารถในการทำงานแบบ Async นี้เช่นกัน

ทำไมต้องใช้ Async?

ในโปรแกรมที่ซับซ้อนหรือมีการประมวลผลข้อมูลจากแหล่งข้อมูลภายนอก เช่น API หรือ Database การใช้ Async จะช่วยทำให้โปรแกรมไม่หยุดรอคำตอบจากการร้องขอเหล่านั้น แทนที่การทำงานจะถูกบล็อค ผู้ใช้สามารถทำงานอื่นๆ ไปได้ในเวลาเดียวกัน ช่วยยกระดับประสบการณ์การใช้งานให้ดียิ่งขึ้น

วิธีการใช้งาน Async ใน Dart

ใน Dart การทำงานแบบ Async จะใช้คีย์เวิร์ด `async` และ `await` ซึ่งหลักการทำงานก็คือ `async` จะบอกว่า ฟังก์ชันนี้จะมีการดำเนินการแบบ Asynchronous และ `await` จะบอกให้รอผลลัพธ์จากฟังก์ชัน Async อื่นก่อนที่จะดำเนินการต่อ

ตัวอย่าง Code

เราอาจจะเริ่มจากการสร้างฟังก์ชันที่ดึงข้อมูลจาก URL ผ่าน HTTP GET request ซึ่งเราจะใช้ package ชื่อว่า `http` ในการทำงานนี้

ก่อนอื่นให้ติดตั้ง package โดยเพิ่มลงใน `pubspec.yaml`

 dependencies:
  http: ^0.13.3

จากนั้นสามารถเขียนโค้ดได้ดังนี้:

 import 'dart:convert';
import 'package:http/http.dart' as http;

Future<void> fetchData() async {
  final url = 'https://jsonplaceholder.typicode.com/todos/1';
  try {
    // ทำการเรียก HTTP GET
    final response = await http.get(Uri.parse(url));

    // ตรวจสอบสถานะการตอบกลับ
    if (response.statusCode == 200) {
      // แปลงข้อมูลจาก JSON เป็น Map
      final jsonData = json.decode(response.body);
      print('Title: ${jsonData['title']}');
    } else {
      throw Exception('ไม่สามารถเรียกข้อมูลได้');
    }
  } catch (error) {
    print('Error: $error');
  }
}

void main() {
  print('กำลังดึงข้อมูล...');
  fetchData();
  print('ทำงานอื่นๆ ต่อได้...');
}

อธิบายการทำงานของ Code

Use Case ในโลกจริง

การจัดการข้อมูลของผู้ใช้

สมมุติว่าเรากำลังพัฒนาแอปพลิเคชันที่ให้บริการข้อมูลของผู้ใช้ในการจัดการบัญชี เมื่อผู้ใช้ลงทะเบียน หรือทำการล็อกอิน แอปพลิเคชันจะต้องติดต่อกับ API ของเซิร์ฟเวอร์เพื่อยืนยันข้อมูล การใช้ Async ในที่นี้จะทำให้ผู้ใช้สามารถทำการเปลี่ยนแปลง UI หรือทำการเพิ่มเติมข้อมูลได้ในระหว่างที่รอการตอบกลับจากเซิร์ฟเวอร์

การดาวน์โหลดไฟล์

ในกรณีที่โปรแกรมต้องดาวน์โหลดไฟล์ขนาดใหญ่ การทำงานแบบ Asynchronous จะทำให้ยูสเซอร์สามารถดำเนินกิจกรรมอื่นๆ ในขณะที่กำลังดาวน์โหลดไฟล์นั้นอยู่ เช่น การทำงานหรือการดูข้อมูล

สรุป

การใช้ Async ใน Dart มีประโยชน์มากมายเพื่อจัดการกับคำร้องขอหลายๆ ข้อในเวลาเดียวกัน โดยใช้การควบคุมการทำงานด้วยคีย์เวิร์ด `async` และ `await` ที่ช่วยให้การทำงานของโปรแกรมไม่ถูกบล็อค การเข้าใจการทำงานแบบนี้จะเป็นประโยชน์มากในการพัฒนาแอปพลิเคชันที่ต้องการประสบการณ์ที่ดีของผู้ใช้

หากคุณสนใจเรียนรู้เพิ่มเติมเกี่ยวกับการเขียนโปรแกรมใน Dart หรือเทคโนโลยีอื่นๆ เพื่อพัฒนาแอปพลิเคชัน ไม่ว่าคุณจะเป็นมือใหม่หรือผู้ที่มีประสบการณ์แล้ว ก็สามารถมาเรียนรู้กับเราที่ EPT (Expert-Programming-Tutor) ที่จะช่วยเสริมสร้างทักษะด้านการเขียนโปรแกรมของคุณให้ดียิ่งขึ้น!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง