انتقل إلى محتوى الدرس
فقرة فرعية #3 من درس: JS Async/Await

Await Syntax

في هذا الدرس سوف نتعرف علي ال async وال await وهما يعملان بنفس الطريقة التي يعمل بها ال Promise والتي سبق وتعرفنا عليها في الدرس السابق  ولكن بطريقة اسهل 

1 صفوف تعليمية
جافا سكريبت
3,148 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

كتابة كلمة "await" قبل الدالة يجعلها تنتظر Promise من ال async وبناءا علي النتيجة يتم تنفيذ الدالة التي استخدام معها await

HTML
let value = await promise;

Example

HTML
async function myDisplay() {
  let myPromise = new Promise(function(resolve, reject) {
    resolve("I love You !!");
  });
  document.getElementById("demo").innerHTML = await myPromise;
}

myDisplay();

Example without reject

HTML
async function myDisplay() {
  let myPromise = new Promise(function(resolve) {
    resolve("I love You !!");
  });
  document.getElementById("demo").innerHTML = await myPromise;
}

myDisplay();

Waiting for a Timeout

HTML
async function myDisplay() {
  let myPromise = new Promise(function(resolve) {
    setTimeout(function() {resolve("I love You !!");}, 3000);
  });
  document.getElementById("demo").innerHTML = await myPromise;
}

myDisplay();

جميع فقرات هذا الدرس (JS Async/Await)