Future-ים ו-async/await

חלק מהיחידה תכנות מונחה עצמים במסלול ה-Dart של Coddy. שיעור 76 מתוך 110.

ביישומים אמיתיים, פעולות רבות אורכות זמן — שליפת נתונים משרת, קריאת קבצים או המתנה לקלט מהמשתמש. Dart מטפלת בפעולות האלה באמצעות Future, שמייצג ערך שיהיה זמין בשלב כלשהו בעתיד.

Future דומה להבטחה: "אתן לך את התוצאה כשהיא תהיה מוכנה." אפשר ליצור אחת באמצעות Future.delayed() כדי לדמות פעולה שלוקחת זמן:

Future<String> fetchUserName() {
  return Future.delayed(
    Duration(seconds: 1),
    () => 'Alice',
  );
}

כדי לעבוד עם התוצאה של Future, השתמשו ב־async וב־await. סמנו את הפונקציה שלכם כ־async, ואז השתמשו ב־await כדי להשהות את הביצוע עד שה־Future יושלם:

Future<void> main() async {
  print('Fetching user...');
  String name = await fetchUserName();
  print('Hello, $name!');
}

Future<String> fetchUserName() {
  return Future.delayed(
    Duration(seconds: 1),
    () => 'Alice',
  );
}

בלי await, היית מקבל Future<String> במקום את המחרוזת עצמה. מילת המפתח await מחלצת את הערך מתוך ה־Future ונותנת לך אותו. שים לב שכל פונקציה שמשתמשת ב־await חייבת להיות מסומנת ב־async, והיא מחזירה אוטומטית Future.

אפשר גם להחזיר ערכים ישירות מפונקציות אסינכרוניות — Dart עוטפת אותם אוטומטית ב־Future:

Future<int> calculateTotal() async {
  var a = await fetchNumber();
  var b = await fetchNumber();
  return a + b;  // נעטף אוטומטית ב-Future<int>
}

אתגר

קל

בואו נבנה שירות מזג אוויר שמדמה שליפת נתוני מזג אוויר מערים שונות! תתרגלו שימוש ב־Future, ב־async וב־await כדי לטפל בפעולות שלוקח זמן להשלים.

תארגנו את הקוד שלכם בשני קבצים:

weather_service.dart: צרו מחלקה בשם WeatherService שמדמה שליפת מידע על מזג האוויר. למחלקה שלכם צריכים להיות:
- מתודה fetchTemperature(String city) שמחזירה Future<int>. השתמשו ב־Future.delayed() עם משך של 100 מילישניות כדי לדמות השהיה ברשת. המתודה צריכה להחזיר טמפרטורה המבוססת על שם העיר: החזירו את אורך שם העיר כפול 3.
- מתודה fetchCondition(String city) שמחזירה Future<String>. השתמשו ב־Future.delayed() עם השהיה של 100 מילישניות. החזירו 'Sunny' אם מספר התווים בשם העיר זוגי, אחרת החזירו 'Cloudy'.
- מתודה אסינכרונית getFullReport(String city) שמחזירה Future<String>. המתודה צריכה להמתין גם ל־fetchTemperature וגם ל־fetchCondition, ואז להחזיר מחרוזת בפורמט: '[city]: [temperature]C, [condition]'
main.dart: ייבאו את שירות מזג האוויר והדגימו כיצד פעולות אסינכרוניות פועלות. הפונקציה הראשית שלכם צריכה להיות אסינכרונית ולבצע את הפעולות הבאות:
- ליצור מופע של WeatherService
- להדפיס Fetching weather data...
- להמתין לדוח המלא עבור 'Paris' ולהדפיס אותו
- להמתין לדוח המלא עבור 'Tokyo' ולהדפיס אותו
- להמתין לדוח המלא עבור 'London' ולהדפיס אותו
- להדפיס Done!

שימו לב כיצד כל קריאה ל־getFullReport ממתינה לשליפת הטמפרטורה ותנאי מזג האוויר לפני שהיא מחזירה את התוצאה המשולבת. מילת המפתח await משהה את הביצוע עד שכל Future מסתיים!

פלט צפוי:

Fetching weather data...
Paris: 15C, Cloudy
Tokyo: 15C, Cloudy
London: 18C, Sunny
Done!

נסו בעצמכם

import 'weather_service.dart';

Future<void> main() async {
  // TODO: צרו מופע של WeatherService
  
  // TODO: הדפיסו את 'Fetching weather data...'
  
  // TODO: המתינו והדפיסו את הדוח המלא עבור 'Paris'
  
  // TODO: המתינו והדפיסו את הדוח המלא עבור 'Tokyo'
  
  // TODO: המתינו והדפיסו את הדוח המלא עבור 'London'
  
  // TODO: הדפיסו את 'Done!'
}