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

Async Syntax

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

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

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

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

عند كتابة كلمة async قبل اسم الدالة كما في المثال التالي تجعل الدالة تقوم بأرجاع Promise بشكل تلقائي

HTML
async function myFunction() {
  return "Hello";
}

المثال التالي هو نفسه المثال السابق لأن ال async تقوم بأرجاع Promise بشكل تلقائي

HTML
async function myFunction() {
  return Promise.resolve("Hello");
}

والشكل التالي يوضح طريقة استخدام ال Promise وسبق وقمنا بشرحها في الدروس السابقة

HTML
myFunction().then(
  function(value) { /* code if successful */ },
  function(error) { /* code if some error */ }
);

Example

HTML
async function myFunction() {
  return "Hello";
}
myFunction().then(
  function(value) {myDisplayer(value);},
  function(error) {myDisplayer(error);}
);

Example

HTML
async function myFunction() {
  return "Hello";
}
myFunction().then(
  function(value) {myDisplayer(value);}
);

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