ကုဒ် & ဖော်မတ်

Console.log သန့်စင်သူ

သင့် JavaScript ကုဒ်မှ console.log၊ console.warn၊ console.error နှင့် အခြား console call များကို တစ်ချက်နှိပ်ရုံဖြင့် ရှင်းလင်းပါ။ ဖော်ပြချက်မည်မျှ ဖျက်လိုက်သည်ကို ကြည့်ပြီး ရလဒ်ကို ကူးယူပါ။

Console.log သန့်စင်သူ
သန့်စင်ပြီးသော ကုဒ်
ဖျက်လိုက်သော ထုတ်ပြန်ချက်အရေအတွက် 0
JavaScript
 
အချက်အလက်

Console.log Cleaner အကြောင်း

ဖွံ့ဖြိုးတိုးတက်မှုလုပ်ငန်းစဉ်အတွင်း JavaScript ကုဒ်သို့ ထည့်သွင်းထားသည် console.log, console.warn, console.error, console.info နှင့် console.debug ပရောဂျက်ကို အသက်မသွင်းမီ ဤဖော်ပြချက်များကို ရှင်းလင်းရပါမည်။ browser console တွင် မြင်နိုင်သော ဤ output များသည် အရေးကြီးသော ဒေတာယိုစိမ့်မှုများ ဖြစ်ပေါ်စေနိုင်ပြီး စွမ်းဆောင်ရည်ကို ဆိုးကျိုးသက်ရောက်စေပြီး ကုဒ်၏ ပရော်ဖက်ရှင်နယ်ဆန်မှုကို ထိခိုက်စေနိုင်သည်။

ဒါက အခမဲ့ပါ။ Console.log သန့်စင်သူ ဒီကိရိယာက သင်ကူးထည့်လိုက်တဲ့ JavaScript ကုဒ်ကို ချက်ချင်းစကင်ဖတ်ပြီး သင်ရွေးချယ်ထားတဲ့ console အမျိုးအစားတွေကို ဖယ်ရှားပေးပါတယ်။ ဘယ် expression အမျိုးအစားတွေကို သန့်ရှင်းရေးလုပ်မလဲဆိုတာကို သင်ကိုယ်တိုင် ရွေးချယ်နိုင်ပါတယ်။ ဥပမာ... console.error သင့်ဖုန်းခေါ်ဆိုမှုများကို ကာကွယ်နေစဉ်တွင်သာ console.log နှင့် console.debug လိုင်းတွေကို ဖျက်ပစ်နိုင်ပါတယ်။ ဒီကိရိယာကလည်း ဖော်ပြချက်ဘယ်နှစ်ခုကို ဖယ်ရှားလိုက်ပါပြီ သန့်ရှင်းရေးလုပ်ငန်းစဉ်၏ အတိုင်းအတာကို ပြသထားသောကြောင့် သင် အလွယ်တကူ နားလည်နိုင်ပါသည်။

လုပ်ငန်းစဉ်တစ်ခုလုံးကို သင့်ဘရောက်ဆာတွင်သာ လုပ်ဆောင်ပါသည်။ သင့်ကုဒ်ကို မည်သည့်ဆာဗာသို့မျှ မပို့ပါ။ ၎င်းကို React၊ Vue၊ Angular၊ Node.js သို့မဟုတ် pure JavaScript ပရောဂျက်များ အပါအဝင် မည်သည့် JavaScript ကုဒ်အမျိုးအစားအတွက်မဆို အသုံးပြုနိုင်ပါသည်။ သန့်ရှင်းရေးလုပ်ထားသော ကုဒ်ကို တစ်ချက်နှိပ်ရုံဖြင့် clipboard သို့ ကူးယူနိုင်ပါသည်။

ဘယ်လိုသုံးရမလဲ။

တစ်ဆင့်ပြီးတစ်ဆင့်

  1. မင်းသန့်ရှင်းရေးလုပ်ချင်တဲ့သူ JavaScript ကုဒ် ၎င်းကို input field ထဲသို့ paste လုပ်ပါ။
  2. မင်းဖယ်ရှားပစ်ချင်တာလား ကွန်ဆိုးလ် အမျိုးအစားများ မာ့ခ်: သစ်လုံး, အချက်အလက်, သတိပေး, အမှား, အမှားပြင်ဆင်ခြင်း.
  3. သန့်ရှင်းသည် ခလုတ်ကို နှိပ်ပါ။ ကိရိယာသည် ရွေးချယ်ထားသော စကားစုများကို ကုဒ်မှ ဖယ်ရှားပေးလိမ့်မည်။
  4. နောက်ဆုံးအကွက်တွင် ဖော်ပြချက်ဘယ်နှစ်ခုကို ဖျက်လိုက်ပါပြီလဲ ပြီးတော့ သန့်ရှင်းရေးလုပ်ထားတဲ့ ကုဒ်ကို ကြည့်ပါ။
  5. မိတ္တူကူးပါ သန့်ရှင်းရေးလုပ်ထားတဲ့ ကုဒ်ကို clipboard ထဲကို ကူးယူပြီး သင့် project ထဲမှာ paste လုပ်ဖို့ ခလုတ်ကို အသုံးပြုပါ။
SSS

မကြာခဏမေးလေ့ရှိသော မေးခွန်းများ

console.log, console.info, console.warn, console.error နှင့် console.debug အမျိုးအစားများကို တစ်ခုချင်းစီ ရွေးချယ်နိုင်သည် သို့မဟုတ် တစ်ပြိုင်နက်တည်း ရှင်းလင်းနိုင်သည်။ အမှန်ခြစ်ကွက်များကို အသုံးပြု၍ မည်သည့်အမျိုးအစားများကို ဖယ်ရှားမည်ကို သင်ထိန်းချုပ်နိုင်သည်။

ကိရိယာ; တစ်ကြောင်းတည်းဖြင့် ပြီးစီးသည်။ console.log(...) ၎င်းသည် ဖုန်းခေါ်ဆိုမှုများကို ယုံကြည်စိတ်ချစွာ ရှင်းလင်းပေးပါသည်။ စာကြောင်းများစွာကို ဖြတ်သန်းသွားသော ရှုပ်ထွေးသော ဖော်ပြချက်များကို အချို့ကိစ္စများတွင် လုံးဝဖယ်ရှား၍မရပါ။ ဤကိစ္စတွင် သင့်အယ်ဒီတာတွင် ကုဒ်ကို ကိုယ်တိုင်စစ်ဆေးရန် အကြံပြုအပ်ပါသည်။

မဟုတ်ပါ။ သန့်ရှင်းရေးလုပ်ငန်းစဉ်တစ်ခုလုံးကို သင့်ဘရောက်ဆာ (client-side) တွင် JavaScript ကို အသုံးပြု၍ လုပ်ဆောင်သည်။ သင်ရေးသော ကုဒ်ကို မည်သည့်ဆာဗာသို့မျှ မပို့ပါ သို့မဟုတ် သိမ်းဆည်းပါ။

ဒီကိရိယာက တစ်ကြောင်းချင်းစီ သန့်ရှင်းရေးလုပ်ပြီး မှတ်ချက်တစ်ကြောင်းချင်းစီကို ဖယ်ရှားပေးပါတယ်။// သို့မဟုတ် /* */(၎င်းသည် parse မလုပ်ပါ။) မှတ်ချက်များအတွင်းရှိ Console လိုင်းများကိုလည်း ဖယ်ရှားနိုင်သည်။ ၎င်းကို မလိုချင်ပါက သက်ဆိုင်ရာအမျိုးအစား၏အကွက်ကို အမှန်ခြစ်မဖြုတ်ပါနှင့်။

ဟုတ်ကဲ့။ TypeScript (.ts, .tsx) နှင့် JSX (.jsxဖိုင်များရှိ Console call များကိုလည်း စာသားအခြေခံ matching ကို အသုံးပြု၍ ရှာဖွေဖယ်ရှားပါသည်။ syntax error များ မဖြစ်ပေါ်စေဘဲ console လိုင်းများကိုသာ ရှင်းလင်းပေးပါသည်။