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

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