JavaScript ပုံစံလမ်းညွှန်
သင်၏ JavaScript ပရောဂျက်အားလုံးအတွက် တူညီသောကုဒ်ကွန်ဗင်းရှင်းများကို အမြဲသုံးပါ။
JavaScript Coding Conventions
ကုဒ်ကွန်ဗင်းရှင်းများသည် ပရိုဂရမ်ရေးဆွဲခြင်းအတွက် စတိုင်လမ်းညွှန်ချက်များ ဖြစ်သည်။ ၎င်းတို့သည် များသောအားဖြင့် ဖုံးကွယ်သည်-
- ကိန်းရှင်များနှင့် လုပ်ဆောင်ချက်များအတွက် အမည်ပေးခြင်းနှင့် ကြေငြာခြင်းစည်းမျဉ်းများ။
- အဖြူနေရာ၊ အင်တင်းထိုးခြင်းနှင့် မှတ်ချက်များ အသုံးပြုခြင်းအတွက် စည်းမျဉ်းများ။
- ပရိုဂရမ်းမင်းကျင့်ထုံးများနှင့် အခြေခံမူများ
Coding conventions များ လုံခြုံသော အရည်အသွေး
- ကုဒ်ဖတ်နိုင်မှုကို တိုးတက်စေသည်။
- ကုဒ်ထိန်းသိမ်းမှုကို ပိုမိုလွယ်ကူစေသည်။
Coding Convention များသည် အဖွဲ့များလိုက်နာရမည့် စည်းမျဉ်းများကို မှတ်တမ်းတင်ထားနိုင်သည် သို့မဟုတ် သင်၏တစ်ဦးချင်းကုဒ်ရေးနည်းအလေ့အကျင့်တစ်ခုဖြစ်သည်။
ဤစာမျက်နှာတွင် W3Schools အသုံးပြုသော ယေဘူယျ JavaScript ကုဒ်ကွန်ဗင်းရှင်းများကို ဖော်ပြသည်။
နောက်အခန်း "အကောင်းဆုံးအလေ့အကျင့်များ" ကိုဖတ်ပြီး coding pitfalls များကို မည်သို့ရှောင်ရှားရမည်ကို လေ့လာသင့်သည်။
ပြောင်းလဲနိုင်သောအမည်များ
W3schools တွင်ကျွန်ုပ်တို့သည် identifier အမည်များ (ကွဲပြားမှုများနှင့် လုပ်ဆောင်ချက်များ) အတွက် camelCase ကို အသုံးပြု ပါသည်။
အမည်များအားလုံးသည် အက္ခရာ ဖြင့် စတင်သည် ။
ဤစာမျက်နှာ၏အောက်ခြေတွင်၊ အမည်ပေးခြင်းဆိုင်ရာ စည်းမျဉ်းများအကြောင်း ပိုမိုကျယ်ပြန့်သော ဆွေးနွေးချက်ကို သင်တွေ့လိမ့်မည်။
firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);
အော်ပရေတာများအနီးတွင် နေရာလွတ်များ
အော်ပရေတာများ (= + - * / ) နှင့် ကော်မာနောက်တွင် နေရာလွတ်များကို အမြဲထားရန်။
ဥပမာများ-
let x = y + z;
const myArray = ["Volvo", "Saab",
"Fiat"];
Code Indentation
ကုဒ်ပိတ်ဆို့ခြင်းအတွက် နေရာလွတ် 2 ခု အမြဲသုံးပါ-
လုပ်ဆောင်ချက်များ-
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
စာတန်းထိုးရန်အတွက် တက်ဘ်များ (tabulators) ကို အသုံးမပြုပါနှင့်။ မတူညီသော တည်းဖြတ်သူများသည် တက်ဘ်များကို ကွဲပြားစွာ ဘာသာပြန်ဆိုကြသည်။
ထုတ်ပြန်ချက်စည်းကမ်းများ
ရိုးရှင်းသောထုတ်ပြန်ချက်များအတွက် အထွေထွေစည်းမျဉ်းများ
- ရိုးရှင်းသောဖော်ပြချက်တစ်ခုကို ဆီမီးကော်လံတစ်ခုဖြင့် အမြဲတမ်းအဆုံးသတ်ပါ။
ဥပမာများ-
const cars = ["Volvo", "Saab",
"Fiat"];
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor:
"blue"
};
ရှုပ်ထွေးသော (ပေါင်းစပ်) ထုတ်ပြန်ချက်များအတွက် အထွေထွေစည်းမျဉ်းများ-
- ပထမစာကြောင်း၏အဆုံးတွင် အဖွင့်ကွင်းကိုထည့်ပါ။
- အဖွင့်ကွင်းပိတ်ရှေ့တွင် နေရာလွတ်တစ်ခုကို အသုံးပြုပါ။
- အပိတ်ကွင်းပိတ်ကို ဦးဆောင်နေရာလွတ်များမပါဘဲ မျဉ်းအသစ်တွင် ထားပါ။
- ရှုပ်ထွေးသောထုတ်ပြန်ချက်တစ်ခုကို semicolon ဖြင့်အဆုံးသတ်ခြင်းမပြုပါနှင့်။
လုပ်ဆောင်ချက်များ-
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
ကွင်းများ-
for (let i = 0; i < 5; i++) {
x += i;
}
အခြေအနေများ-
if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
Object စည်းကမ်းများ
အရာဝတ္ထု အဓိပ္ပါယ်ဖွင့်ဆိုချက်များအတွက် ယေဘုယျစည်းမျဉ်းများ
- အဖွင့်ကွင်းပိတ်ကို အရာဝတ္ထုအမည်နှင့် တူညီသောမျဉ်းပေါ်တွင် ထားပါ။
- ပစ္စည်းတစ်ခုစီနှင့် ၎င်း၏တန်ဖိုးကြားရှိ ကော်လံ အပေါင်းကို သုံးပါ။
- ဂဏန်းတန်ဖိုးများအနီးတွင်မဟုတ်ဘဲ စာကြောင်းတန်ဖိုးများအနီးရှိ ကိုးကားချက်များကို အသုံးပြုပါ။
- နောက်ဆုံးပိုင်ဆိုင်မှု-တန်ဖိုးအတွဲပြီးနောက် ကော်မာကို မထည့်ပါနှင့်။
- အပိတ်ကွင်းပိတ်ကို ဦးဆောင်နေရာလွတ်များမပါဘဲ မျဉ်းအသစ်တွင် ထားပါ။
- အရာဝတ္ထုတစ်ခု၏ အဓိပ္ပါယ်ဖွင့်ဆိုချက်ကို ဆီမီးကော်လံဖြင့် အမြဲတမ်းအဆုံးသတ်ပါ။
ဥပမာ
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor:
"blue"
};
တိုတောင်းသော အရာဝတ္ထုများကို ဤကဲ့သို့သော ဂုဏ်သတ္တိများကြားတွင် နေရာလွတ်များကိုသာ အသုံးပြု၍ စာကြောင်းတစ်ကြောင်းတွင် ချုံ့ပြီး ရေးသားနိုင်သည်-
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
လိုင်းအရှည် < 80
ဖတ်ရှုနိုင်စေရန်အတွက်၊ စာလုံး 80 ထက် ပိုရှည်သော စာကြောင်းများကို ရှောင်ကြဉ်ပါ။
JavaScript ထုတ်ပြန်ချက်သည် စာကြောင်းတစ်ကြောင်းတွင် အဆင်မပြေပါက၊ ၎င်းကို ဖြတ်ရန် အကောင်းဆုံးနေရာမှာ အော်ပရေတာတစ်ခု သို့မဟုတ် ကော်မာပြီးနောက် ဖြစ်သည်။
ဥပမာ
document.getElementById("demo").innerHTML =
"Hello Dolly.";
အမည်ပေးခြင်း သဘောတူညီချက်များ
သင့်ကုဒ်အားလုံးအတွက် တူညီသောအမည်ပေးသည့် သဘောတူညီချက်ကို အမြဲသုံးပါ။ ဥပမာ:
- camelCase အဖြစ် ရေးသားထားသော ပြောင်းလဲနိုင်သော လုပ်ဆောင်ချက်အမည်များ
- UPPERCASE တွင်ရေးထားသော Global variables (ကျွန်ုပ်တို့မဟုတ်ပါ၊ သို့သော်၎င်းသည်အတော်လေးဘုံဖြစ်သည်)
- UPPERCASE တွင် ရေးထားသော ကိန်းသေများ (PI ကဲ့သို့)
ပြောင်းလဲနိုင်သောအမည်များတွင် hyp-hens ၊ camelCase ၊ သို့မဟုတ် under_scores ကို အသုံးပြုသင့်ပါသလား ။
ဤမေးခွန်းသည် ပရိုဂရမ်မာများ မကြာခဏ ဆွေးနွေးလေ့ရှိသော မေးခွန်းဖြစ်သည်။ အဖြေသည် သင်မေးမည့်သူအပေါ် မူတည်သည်-
HTML နှင့် CSS တွင် တုံးတိုများ-
HTML5 ရည်ညွှန်းချက်များသည် ဒေတာ- (ဒေတာ-အရေအတွက်၊ ဒေတာ-စျေးနှုန်း) ဖြင့် စတင်နိုင်သည်။
CSS သည် ပိုင်ဆိုင်မှုအမည်များ (ဖောင့်အရွယ်အစား) တွင် တုံးတိုများကို အသုံးပြုသည်။
တုံးတိုများကို နုတ်ရန် ကြိုးစားမှုအဖြစ် မှားနိုင်သည်။ တုံးတိုများကို JavaScript အမည်များတွင် ခွင့်မပြုပါ။
အမှတ်များ-
ပရိုဂရမ်မာများစွာသည် အထူးသဖြင့် SQL databases များတွင် underscores (date_of_birth) ကို အသုံးပြုလိုကြသည်။
PHP documentation တွင် အောက်ခံအမှတ်များကို မကြာခဏအသုံးပြုသည်။
PascalCase-
PascalCase ကို C ပရိုဂရမ်မာများက မကြာခဏ နှစ်သက်ကြသည်။
camelCase-
camelCase ကို JavaScript ကိုယ်တိုင်၊ jQuery နှင့် အခြားသော JavaScript libraries များမှ အသုံးပြုပါသည်။
$ သင်္ကေတဖြင့် အမည်များကို မစတင်ပါနှင့်။ ၎င်းသည် သင့်အား JavaScript စာကြည့်တိုက်အမည်များစွာနှင့် ကွဲလွဲစေမည်ဖြစ်သည်။
HTML တွင် JavaScript ကိုဖွင့်နေသည်။
ပြင်ပ script များကို တင်ရန်အတွက် ရိုးရှင်းသော syntax ကိုသုံးပါ (အမျိုးအစား attribute မလိုအပ်ပါ)
<script src="myscript.js"></script>
HTML Elements များကို ဝင်ရောက်ကြည့်ရှုခြင်း။
"မသန့်ရှင်းသော" HTML စတိုင်များကို အသုံးပြုခြင်း၏ အကျိုးဆက်အနေဖြင့် JavaScript အမှားအယွင်းများ ဖြစ်ပေါ်နိုင်သည်။
ဤ JavaScript ထုတ်ပြန်ချက်နှစ်ခုသည် မတူညီသောရလဒ်များကို ထုတ်ပေးလိမ့်မည်-
const obj = getElementById("Demo")
const obj = getElementById("demo")
ဖြစ်နိုင်ပါက HTML တွင် တူညီသောအမည်ပေးခြင်းဆိုင်ရာ သဘောတူညီချက် (JavaScript ကဲ့သို့) ကို အသုံးပြုပါ။
ဖိုင်တိုးချဲ့မှုများ
HTML ဖိုင်များတွင် .html တိုးချဲ့မှုတစ်ခု ရှိသင့်သည် ( .htm ကို ခွင့်ပြုထားသည်)။
CSS ဖိုင်များတွင် .css တိုးချဲ့မှုတစ်ခု ရှိသင့်သည်။
JavaScript ဖိုင်များတွင် .js တိုးချဲ့မှု ရှိသင့်သည်။
Lower Case ဖိုင်အမည်များကို အသုံးပြုပါ။
ဝဘ်ဆာဗာအများစု (Apache၊ Unix) သည် ဖိုင်အမည်များနှင့်ပတ်သက်၍ အသေးအဖွဲကိစ္စများဖြစ်သည်-
london.jpg ကို London.jpg အဖြစ် ဝင်ရောက်၍မရပါ။
အခြားသော ဝဘ်ဆာဗာများ (Microsoft၊ IIS) များသည် အသေးအဖွဲကိစ္စမဟုတ်ပါ-
london.jpg ကို London.jpg သို့မဟုတ် london.jpg အဖြစ် ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။
အပေါ်နှင့်အောက် ရောနှောအသုံးပြုပါက အလွန်ကိုက်ညီမှုရှိရန် လိုအပ်ပါသည်။
အကယ်၍ သင်သည် case insensitive မှ case sensitive server သို့ ရွှေ့ပါက၊ သေးငယ်သော error များပင် သင့်ဝဘ်ဆိုက်ကို ချိုးဖျက်နိုင်ပါသည်။
ဤပြဿနာများကို ရှောင်ရှားရန်၊ စာလုံးအသေး ဖိုင်အမည်များကို အမြဲသုံးပါ (ဖြစ်နိုင်လျှင်)။
စွမ်းဆောင်ရည်
Coding Convention များကို ကွန်ပျူတာများတွင် အသုံးမပြုပါ။ စည်းမျဉ်းအများစုသည် ပရိုဂရမ်များကို အကောင်အထည်ဖော်ခြင်းအပေါ် အနည်းငယ်သက်ရောက်မှုရှိသည်။
သေးငယ်သော script များတွင် Indentation နှင့် အပို space များသည် သိသာထင်ရှားခြင်းမရှိပါ။
ကုဒ်ဖွံ့ဖြိုးတိုးတက်မှုအတွက်၊ ဖတ်နိုင်မှုကို ဦးစားပေးသင့်သည်။ ပိုကြီးသော ထုတ်လုပ်မှု ဇာတ်ညွှန်းများကို အသေးစိပ် ပြုလုပ်သင့်သည်။