JavaScript Async

"async and await make promises easier to write"

एसिनक्रोनस फ़ंक्शन को Promise लौटाने के लिए

एवैट फ़ंक्शन को Promise का इंतजार करने के लिए

Async व्याकरण

फ़ंक्शन के पहले कीवर्ड एसिनक्रोनस फ़ंक्शन को promise लौटाने के लिए

उदाहरण

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

इसी तरह:

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

यहाँ Promise के उपयोग के तरीके हैं:

myFunction().then(
  function(value) { /* सफल होने पर के लिए कोड */ },
  function(error) { /* त्रुटि होने पर के लिए कोड */ }
);

उदाहरण

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

स्वयं प्रयोग करें

या इससे साधारण, क्योंकि आप सामान्य मान चाहते हैं (सामान्य प्रतिक्रिया, नहीं त्रुटि):

उदाहरण

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

स्वयं प्रयोग करें

Await व्याकरण

फ़ंक्शन के पहले कीवर्ड एवैट promise को इंतजार करने वाली फ़ंक्शन

let value = await promise;

एवैट कीवर्ड केवल एसिनक्रोनस त्रिका में इस्तेमाल

उदाहरण

हम धीरे-धीरे इसके उपयोग को सीखें।

बुनियादी व्याकरण

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

स्वयं प्रयोग करें

अवधी अवधी

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

स्वयं प्रयोग करें

फ़ाइल का इंतजार करें

async function getFile() {
  let myPromise = new Promise(function(myResolve, myReject) {
    let req = new XMLHttpRequest();
    req.open('GET', "mycar.html");
    req.onload = function() {
      if (req.status == 200) {myResolve(req.response);}
      else {myResolve("File not Found");}
    };
    req.send();
  });
  document.getElementById("demo").innerHTML = await myPromise;
}
getFile();

स्वयं प्रयोग करें

ब्राउज़र समर्थन

एससीएमएस 2017 ने जावास्क्रिप्ट की चाइन्स इनट्रूड की एसिनक्रोनस और एवैट

नीचे दिए गए पटल में दोनों को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण उल्लिखित है:

च्रोम आईई फायरफॉक्स सैफारी ओपेरा
च्रोम 55 एज 15 फायरफॉक्स 52 सैफारी 11 ओपेरा 42
2016 वर्ष 12 2017 वर्ष 4 2017 वर्ष 3 2017 वर्ष 9 2016 वर्ष 12