في هذا الدرس 3تصفّح المواضيع
JS Async/Await
JS Async/Await
استخدام ال async/await يسهل عملية ال Promise التي تعلمناها في الدرس السابق
- async : تستخدم في أنشاء دالة تقوم بأرجاع Promise
- await : تستخدم في أنشاء دالة تنتظر تنفيذ ال Promise

Async Syntax
Async Syntax
عند كتابة كلمة 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);}
);
Await Syntax
Await Syntax
كتابة كلمة "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();
رحلتك في الدرس
—سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.