သည်းခံပါ၊ ကျွန်တော် ထပ်လုပ်ထားပါတယ်- JavaScript ရှိ ဘုံအမှားများကို အမှားရှာပါ။

ဆော့ဖ်ဝဲရေးသားသူအများအပြားနှင့်ရင်းနှီးပြီးသားဖြစ်သောကြောင့် JavaScript ကုဒ်ရေးခြင်းသည် စိန်ခေါ်မှုဖြစ်ပြီး တစ်ခါတစ်ရံတွင် ကြောက်ရွံ့ထိတ်လန့်စေနိုင်သည်။ လုပ်ငန်းစဥ်တွင် အမှားအယွင်းများ မလွဲမသွေ ပေါ်ပေါက်လာပြီး အချို့မှာ မကြာခဏဆိုသလို ထပ်ခါထပ်ခါ ဖြစ်တတ်ပါသည်။ အတွေ့အကြုံမရှိသေးသော developer များအတွက် ရည်ရွယ်ပြီး ဤဆောင်းပါးတွင် ဤအမှားများကို မည်သို့ဖြေရှင်းရမည်ကို ဆွေးနွေးထားသည်။ ရှင်းရှင်းလင်းလင်းသိရန်၊ လုပ်ဆောင်ချက်များ၊ ဂုဏ်သတ္တိများနှင့် အရာဝတ္ထုများ၏ အမည်များကို ထုတ်ယူသည်။ နာမည်ကျော်ကြားသောသီချင်း. ဤအရာအားလုံးသည် သာမန်အမှားများကို မည်ကဲ့သို့ပြင်ရမည်ကို လျင်မြန်စွာမှတ်မိရန် ကူညီပေးသည်။

ငါတို့မင်းကိုသတိပေးတယ် "Habr" ၏စာဖတ်သူအားလုံးအတွက် - "Habr" ပရိုမိုးရှင်းကုဒ်ကို အသုံးပြု၍ မည်သည့် Skillbox သင်တန်းတွင်စာရင်းသွင်းသည့်အခါ 10 ရူဘယ်လျှော့စျေး။

Skillbox မှ အကြံပြုထားသည်- လက်တွေ့သင်တန်း "မိုဘိုင်း Developer PRO".

အမျိုးအစားအမှား- ပိုင်ဆိုင်မှုကို သတ်မှတ်မထားပါ။

let girl = {
    name: "Lucky",
    location: "Hollywood",
    profession: "star",
    thingsMissingInHerLife: true,
    lovely: true,
    cry: function() {
        return "cry, cry, cries in her lonely heart"
    }
}
console.log(girl.named.lucky)

အထက်ဖော်ပြပါ ဥပမာကုဒ်သည် Uncaught TypeError အမှားကို လွှင့်ပစ်သည်- သတ်မှတ်မထားသော ပိုင်ဆိုင်မှု 'lucky' ကို ဖတ်၍မရပါ။ ပြဿနာမှာ မိန်းကလေးအရာဝတ္တုတွင် နာမည်ပိုင်ဆိုင်မှုတစ်ခုရှိသော်လည်း၊ girl.named property ကို မသတ်မှတ်ထားသောကြောင့်၊ တရားဝင်မရှိသောကြောင့် ၎င်းကို သင်ဝင်ရောက်၍မရပါ။ ဒါပေမယ့် girl.named.lucky ကို girl.name နဲ့ အစားထိုးရင် အရာအားလုံး အဆင်ပြေသွားပြီး အစီအစဉ်က Lucky ပြန်လာမှာပါ။

ဂုဏ်သတ္တိများအကြောင်း ပိုမိုလေ့လာနိုင်ပါသည်။ ဒီမှာဖတ်ပါ.

TypeErrors ကို ဘယ်လိုဖြေရှင်းမလဲ။

ပရိုဂရမ်မာတစ်ဦးသည် သီးခြားအမျိုးအစားတစ်ခုနှင့် မကိုက်ညီသည့် ဒေတာအပေါ် လုပ်ဆောင်ချက်များကို လုပ်ဆောင်ရန် ကြိုးပမ်းသောအခါ TypeErrors များ ဖြစ်ပေါ်ပါသည်။ ဥပမာများတွင် .bold() ကို အသုံးပြု၍ သတ်မှတ်မထားသော ပိုင်ဆိုင်မှုကို တောင်းဆိုခြင်း သို့မဟုတ် အမှန်တကယ် လုပ်ဆောင်မှုမဟုတ်သည့် လုပ်ဆောင်ချက်ကို ခေါ်ဆိုခြင်း ပါဝင်သည်။

ဒီတော့ girl() ကိုခေါ်ဖို့ကြိုးစားရင် Uncaught TypeError က သင့်Variable.bold က function တစ်ခုမဟုတ်သလို girl က function တစ်ခုမဟုတ်ပါဘူး၊ ဘာကြောင့်လဲဆိုတော့ ဒါက function တစ်ခုမဟုတ်ဘဲ function တစ်ခုပါလို့ ခေါ်ပါတယ်။

error များကိုဖယ်ရှားရန်အတွက် variable များကိုလေ့လာရန်လိုအပ်သည်။ ဒါဆို မိန်းကလေးဆိုတာ ဘာလဲ? မိန်းကလေးနာမည်ကဘာလဲ။ ကုဒ်ကို ခွဲခြမ်းစိတ်ဖြာခြင်း၊ console.log၊ အမှားရှာပြင်သည့် ညွှန်ကြားချက်ကို အသုံးပြု၍ ပြောင်းလဲနိုင်သော အပြောင်းအလဲများကို ပြသခြင်း သို့မဟုတ် ကွန်ဆိုးလ်ရှိ ပြောင်းလဲနိုင်သော အမည်ကို ခေါ်ဆိုခြင်းဖြင့် ရှာဖွေနိုင်သည်။ variable တွင်ပါရှိသော ဒေတာအမျိုးအစားကို လည်ပတ်ဆောင်ရွက်နိုင်ကြောင်း သေချာစေရန်လိုအပ်ပါသည်။ အဆင်မပြေပါက၊ ၎င်းကိုပြောင်းပါ၊ ဥပမာ၊ အခြေအနေတစ်ခုထည့်ပါ သို့မဟုတ် try..catch block - လုပ်ဆောင်ချက်၏လုပ်ဆောင်မှုကို ထိန်းချုပ်မှုရယူပါ။

stack ပြည့်လျှံ

Baby One More Time သီချင်းရဲ့ စာသားတွေ (ဒါက Britney Spears ၊ ဟုတ်ပါတယ်) ဆိုတဲ့ စာသားကို စာရေးဆရာတွေက ယုံရင် ဒီစကားရပ်မှာ hit ဆိုတဲ့ စကားလုံးက အဆိုတော်ကို ပြန်ခေါ်ချင်တဲ့ ဆန္ဒကို ဆိုလိုတာပါ (ဒီနေရာမှာတော့ စကားစပ်ပုံရဲ့ ရှင်းလင်းချက်ပါ။ သီချင်း- ဘာသာပြန်သူ၏ မှတ်စု)။ ဤဆန္ဒသည် လက်တွေ့ဘဝတွင် ဖုန်းခေါ်ဆိုမှု အရေအတွက် တိုးများလာစေရန် ဦးတည်သွားခြင်း ဖြစ်နိုင်သည်။ သို့သော် ပရိုဂရမ်ရေးဆွဲခြင်းတွင်၊ ၎င်းသည် ခေါ်ဆိုမှုအစုအစည်းများ ပြည့်လျှံနေပါက အမှားအယွင်းဖြစ်စေနိုင်သော ပြန်ကောက်ချက်တစ်ခုဖြစ်သည်။

အမှားများသည် ဤကဲ့သို့ ဖြစ်သည်-

အမှား- အစုအဝေးနေရာလွတ် (အနားသတ်)
အတွင်းပိုင်းအမှား- အလွန်အကျွံ ပြန်သုံးခြင်း (Firefox)
အပိုင်းအခြားအမှား- အများဆုံးခေါ်ဆိုမှုအစုအရွယ်အစားကို ကျော်သွားသည် (Chrome)

ဆော့ဖ်ဝဲရေးသားသူက ပြန်ယူခြင်းတွင် အခြေခံဖြစ်ရပ်ကို မစဉ်းစားပါက သို့မဟုတ် ကုဒ်သည် ရည်ရွယ်ထားသည့် ကိစ္စအား မဖြေရှင်းပါက စတက်ခ်လျှံမှု ဖြစ်ပေါ်သည်။

function oneMoreTime(stillBelieve=true, loneliness=0) {
    if (!stillBelieve && loneliness < 0) return
    loneliness++
    return oneMoreTime(stillBelieve, loneliness)
}

ဤကိစ္စတွင်၊ StillBelieve သည် ဘယ်သောအခါမှ အမှားမဖြစ်နိုင်ပါ၊ ထို့ကြောင့် oneMoreTime ကို အကြိမ်တိုင်း ခေါ်သော်လည်း လုပ်ဆောင်ချက်သည် ဘယ်တော့မှ ပြီးမြောက်မည်မဟုတ်ပါ။

သူငယ်ချင်းနှစ်ယောက်ကို စပြီး အားကိုးရင် ဒါက အထီးကျန်မှုကို လျော့ပါးစေပြီး ဖုန်းခေါ်တာကို စောင့်စရာမလိုပါဘူး။

function oneMoreTime(stillBelieve=true, loneliness=0) {
    if (!stillBelieve && loneliness < 0) return
    loneliness--
    stillBelieve = false
    return oneMoreTime(stillBelieve, loneliness)
}

ဥပမာတစ်ခုသည် စနစ်က error မက်ဆေ့ချ်တစ်ခုမထုတ်ပေးသောအခါ၊ သို့သော် JavaScript ကုဒ်ကိုလုပ်ဆောင်သည့်စာမျက်နှာသည် ရိုးရိုးအေးခဲသွားသောအခါတွင် အဆုံးမဲ့လှည့်ကွက်များပါသည့်ကိစ္စများဖြစ်သည်။ while loop တွင် termination condition မရှိပါက ၎င်းသည် ဖြစ်လိမ့်မည်။

let worldEnded = false
 
while (worldEnded !== true) {
  console.log("Keep on dancin' till the world ends")
}

အောက်ပါအတိုင်း ပြဿနာကို သင်ဖြေရှင်းနိုင်ပါသည်။

let worldEnded = false
 
while (worldEnded !== true) {
  console.log("Keep on dancin' till the world ends")
  worldEnded = true
}

အဆုံးမရှိ လှည့်ကွက်များနှင့် ပြန်လှည့်မှုများကို အမှားရှာခြင်း။

သင့်တွင် အဆုံးမရှိ ကွင်းဆက်ပြဿနာတစ်ခုရှိပါက Chrome သို့မဟုတ် Edge ရှိ တက်ဘ်ကို ပိတ်ရန်နှင့် Firefox ရှိ ဘရောက်ဆာဝင်းဒိုးကို ပိတ်ရန် လိုအပ်သည်။ ၎င်းပြီးနောက်၊ သင်သည် code ကိုဂရုတစိုက်ခွဲခြမ်းစိတ်ဖြာရန်လိုအပ်သည်။ ပြဿနာကို သင်ရှာမတွေ့ပါက၊ သင်၏ loop သို့မဟုတ် function တွင် debugger command ပေါင်းထည့်ကာ variable များ၏ တန်ဖိုးများကို စစ်ဆေးသင့်သည်။ ရလဒ်သည် မျှော်လင့်ထားသည့်အရာနှင့် မကိုက်ညီပါက ၎င်းကို အစားထိုးလိုက်လျှင် အလွယ်တကူ လုပ်ဆောင်နိုင်သည်။

အထက်ဖော်ပြပါ ဥပမာတွင်၊ အမှားရှာပြင်ဂါကို လုပ်ဆောင်ချက် သို့မဟုတ် ကွင်းဆက်၏ ပထမစာကြောင်းအဖြစ် ထည့်သွင်းသင့်သည်။ ထို့နောက် သင်သည် Chrome ရှိ အမှားရှာတဘ်ကို ဖွင့်ပြီး နယ်ပယ်အတွင်းရှိ ကိန်းရှင်များကို ပိုင်းခြားစိတ်ဖြာရန် လိုအပ်သည်။ နောက်ခလုတ်ကိုသုံးပြီး ထပ်ခါထပ်ခါလုပ်တိုင်း သူတို့ရဲ့ပြောင်းလဲမှုတွေကို သင်ခြေရာခံနိုင်ပါတယ်။ ဤအရာအားလုံးသည် လွယ်ကူပြီး ကိစ္စအများစုတွင် ပြဿနာကို တွေ့ရှိရသည်။

ဤအရာအားလုံးကို ဤနေရာတွင် ဖတ်ရှုနိုင်ပါသည် (chrome အတွက်) နဲ့ ဒီမှာ (Firefox အတွက်).

Syntax အမှား

JavaScript တွင် အဖြစ်အများဆုံး အမှားများထဲမှ တစ်ခုမှာ SyntaxError ဖြစ်သည်။ စာသားတည်းဖြတ်မှု တိုးချဲ့မှုများသည် ၎င်းတို့ကို ရှောင်ရှားရန် ကူညီပေးပါမည်။ ဥပမာအားဖြင့်၊ Bracket Pair Colorizer သည် မတူညီသောအရောင်များဖြင့် ကုဒ်ကွင်းစကွက်များကို အမှတ်အသားပြုပြီး Prettier သို့မဟုတ် အလားတူ ခွဲခြမ်းစိတ်ဖြာသည့်ကိရိယာသည် အမှားအယွင်းများကို လျင်မြန်စွာရှာဖွေနိုင်စေသည်။ SyntaxError ဖြစ်နိုင်ခြေကို လျှော့ချရန် အကောင်းဆုံးရွေးချယ်မှုမှာ အနည်းအကျဉ်းမျှသာဖြစ်သည်။

မှတ်ချက်များတွင် မျှဝေပါ- အမှားများကို တားဆီးရန် သို့မဟုတ် ၎င်းတို့ကို အမြန်ရှာဖွေပြီး ဖယ်ရှားပစ်ရန် သင်ဘာလုပ်မည်နည်း။

Skillbox မှ အကြံပြုထားသည်-

• နှစ်နှစ်စာလက်တွေ့သင်တန်း "ကျွန်တော်က PRO ဝဘ် developer တစ်ယောက်ပါ".
• အွန်လိုင်းသင်တန်း "0 မှ C# developer".
• လက်တွေ့ တစ်နှစ်သင်တန်း "PHP developer 0 မှ PRO".

source: www.habr.com