JavaScript Async

"async and await make promises easier to write"

async ਫੰਕਸ਼ਨ ਨੂੰ promise ਵਾਪਸ ਦੇਣਾ:

await ਫੰਕਸ਼ਨ ਨੂੰ promise ਦੇ ਹਾਲਤ ਵਿੱਚ ਰੱਖੋ:

Async ਗਰੰਟਕਾਰਡ

ਫੰਕਸ਼ਨ ਦੇ ਸਾਹਮਣੇ ਦੇ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ async ਫੰਕਸ਼ਨ ਨੂੰ promise ਵਾਪਸ ਦੇਣਾ:

ਉਦਾਹਰਣ

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

ਇਕੱਲੇ ਤੌਰ 'ਤੇ:

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

ਇਹ ਪ੍ਰਿਮਿਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੀ ਤਰੀਕੇ ਹਨ:

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 ਗਰੰਟਕਾਰਡ

ਫੰਕਸ਼ਨ ਦੇ ਸਾਹਮਣੇ ਦੇ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ await ਫੰਕਸ਼ਨ ਨੂੰ promise ਦੇ ਹਾਲਤ ਵਿੱਚ ਰੱਖੋ:

let value = await promise;

await ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ async ਫੰਕਸ਼ਨ ਵਿੱਚ ਵਰਤੋਂ

ਉਦਾਹਰਣ

ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਿੱਚ ਅਸਾਨੀ ਨਾਲ ਸਿੱਖੀਏ。

ਮੁੱਢਲੀ ਗਰੰਟਕਾਰਡ

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();

ਸਿੱਧੇ ਪ੍ਰਯੋਗ ਕਰੋ

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ECMAScript 2017 ਨੇ JavaScript ਕੀਵਾਰਡ ਦਾ ਪ੍ਰਵੇਸ਼ ਕੀਤਾ ਹੈ async ਅਤੇ await.

ਹੇਠ ਦੇ ਤਾਲਿਕੇ ਵਿੱਚ ਦੋਵਾਂ ਦਾ ਪਹਿਲਾ ਪੂਰਨ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰਾਊਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਦੱਸੀ ਗਈ ਹੈ:

ਚਰਾਮ IE ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪੇਰਾ
ਚਰਾਮ 55 ਐਂਜਲ 15 ਫਾਇਰਫਾਕਸ 52 ਸਫਾਰੀ 11 ਓਪੇਰਾ 42
2016 ਸਾਲ ਦਸੰਬਰ 2017 ਸਾਲ ਅਪ੍ਰੈਲ 2017 ਸਾਲ ਮਾਰਚ 2017 ਸਾਲ ਸਤੰਬਰ 2016 ਸਾਲ ਦਸੰਬਰ