JavaScript တွင် Asynchronous Callbacks မှတဆင့် ပုံများကို တင်ခြင်း

ပုံများကို တင်မည့် လုပ်ဆောင်ချက် loadImage ကို အကောင်အထည်ဖော်ကြပါစို့။ ဤလုပ်ဆောင်ချက်သည် ပထမအကြိမ် အငြင်းအခုံကို ပုံသို့လမ်းကြောင်းအဖြစ် လက်ခံပါစေ၊ ဒုတိယအကြိမ်တွင် - ပုံတင်ပြီးသောအခါ လုပ်ဆောင်မည့် callback ဖြစ်ပါစေ:

javascriptloadImage('img.png', function() {
  // ပုံတင်ခြင်းအပေါ် လုပ်ဆောင်မည်
});

ကျွန်ုပ်တို့၏ callback ၏ ပထမအကြိမ် အငြင်းအခုံအတွင်း ဝင်ရောက်ပါစေ DOM အစိတ်အပိုင်း ပုံသို့ လင့်ခ်၊ ဒုတိယအကြိမ်တွင် - အမှား၊ အကယ်၍ ခြွင်းချက်အခြေအနေတစ်ခု ဖြစ်ပေါ်လာပါက:

javascriptloadImage('img.png', function(image, err) {
  console.log(image, err);
});

ကျွန်ုပ်တို့၏လုပ်ဆောင်ချက်ကို အောက်ပါအတိုင်း အသုံးပြုနိုင်ပါသည်:

javascriptloadImage('image.png', function(image, err) {
  document.body.append(image); // ပုံတင်ခြင်းအပေါ် ပုံကို ထားရှိမည်
});

သို့မဟုတ် ခြွင်းချက်အခြေအနေကို ကိုင်တွယ်ခြင်းဖြင့်:

javascriptloadImage('image.png', function(image, err) {
  if (!err) {
    document.body.append(image);
  } else {
    console.log('အမှားတစ်ခု ဖြစ်ပေါ်ခဲ့သည်: ' + err);
  }
});