JS kod uslubi
Barcha JavaScript loyihalaringiz uchun har doim bir xil kodlash qoidalaridan foydalaning.
JavaScript kod yozish qoidalari
Kodlash konventsiyalari dasturlash uchun uslub ko‘rsatmalaridir. Ular odatda quyidagilarni qamrab oladi:
- O‘zgaruvchilar va funksiyalar uchun nom berish va e’lon qilish qoidalari.
- Oq bo‘shliq, chekinish va sharhlardan foydalanish qoidalari.
- Dasturlash amaliyoti va tamoyillari.
Kodlash konventsiyalari sifatni kafolatlaydi:
- Kodni o‘qish qobiliyatini yaxshilang
- Kodni saqlashni osonlashtiring
Kodlash konventsiyalari jamoalar rioya qilishi kerak bo‘lgan hujjatlashtirilgan qoidalar bo‘lishi mumkin yoki shunchaki sizning shaxsiy kodlash amaliyotingiz bo‘lishi mumkin.
Bu sahifada W3Schools tomonidan ishlatiladigan umumiy JavaScript kod konventsiyalari tasvirlangan. Shuningdek, keyingi bobni "Eng yaxshi amaliyotlar" bilan o‘qib chiqishingiz va kodlash xatolaridan qanday qochish kerakligini bilib olishingiz kerak.
O‘zgaruvchilar nomlari
W3schools da biz identifikator nomlari (o‘zgaruvchilar va Functionlar) uchun camelCase-dan foydalanamiz.
Barcha ismlar harf bilan boshlanadi.
Ushbu sahifaning pastki qismida siz nomlash qoidalari haqida kengroq muhokamani topasiz.
firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = price + (price * tax);
Operatorlar atrofidagi bo‘shliqlar
Har doim operatorlar ( = + - * / ) atrofida va verguldan keyin bo‘sh joy qo‘ying:
Misollar:
let x = y + z;
const myArray = ["Volvo", "Saab",
"Fiat"];
Kodni kiritish
Kod bloklarini cheklash uchun har doim 2 ta bo‘sh joydan foydalaning:
Funksiyalari:
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
Chiziq uchun yorliqlardan (tabulyatorlardan) foydalanmang. Turli muharrirlar yorliqlarni boshqacha talqin qilishadi.
Operator qoidalari
Oddiy operatorlar uchun umumiy qoidalar:
- Har doim oddiy gapni nuqta-vergul bilan yakunlang.
Misollar:
const cars = ["Volvo", "Saab",
"Fiat"];
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor:
"blue"
};
Murakkab (qo‘shma) operatorlar uchun umumiy qoidalar:
- Birinchi qatorning oxiriga ochiladigan qavsni qo‘ying.
- Ochilish qavsdan oldin bitta bo‘sh joy qo‘ying.
- Yopuvchi qavsni oldingi bo‘shliqlarsiz yangi qatorga qo‘ying.
- Murakkab gapni nuqta-vergul bilan tugatmang.
Funksiyalari:
function toCelsius(fahrenheit) {
return (5 / 9) * (fahrenheit - 32);
}
Looplar:
for (let i = 0; i < 5; i++) {
x += i;
}
Shartlar:
if (time < 20) {
greeting = "Good day";
} else {
greeting = "Good evening";
}
Obyekt qoidalari
Obyektni aniqlashning umumiy qoidalari:
- Ochilish qavsini obyekt nomi bilan bir qatorga qo‘ying.
- Ikki nuqta va har bir xususiyat va uning qiymati o‘rtasida bitta bo‘sh joy qo‘ying.
- Raqamli qiymatlar atrofida emas, string qiymatlari atrofida tirnoqlardan foydalaning.
- Oxirgi xususiyat-qiymat juftligidan keyin vergul qo‘ymang.
- Yopuvchi qavsni oldingi bo‘shliqlarsiz yangi qatorga qo‘ying.
- Obyekt ta’rifini har doim nuqta-vergul bilan yakunlang.
Misol
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor:
"blue"
};
Qisqa obyektlarni siqilgan holda, bir qatorda, faqat xususiyatlar orasidagi bo‘shliqlar yordamida yozish mumkin, masalan:
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Chiziq uzunligi < 80
O‘qish qulay bo‘lishi uchun 80 belgidan uzun satrlardan qoching.
Agar JavaScript ko‘rsatmasi bitta satrga sig‘masa, uni keyingi satrga ko‘chirish uchun eng yaxshi joy — operator yoki verguldan keyin.
Nomlash qoidalari
Barcha kodlaringiz uchun har doim bir xil nomlash konventsiyasidan foydalaning. Masalan:
- CamelCase sifatida yozilgan o‘zgaruvchi va Function nomlari
- KATTA HARF bilan yozilgan global o‘zgaruvchilar (Biz buni qilmaymiz, lekin bu juda keng tarqalgan)
- KATTA HARF bilan yozilgan doimiylar (PI kabi).
O‘zgaruvchilar nomlarida hyp-hens, camelCase yoki under_scores dan foydalanish kerakmi?
Bu dasturchilar tez-tez muhokama qiladigan savol. Javob kimdan so‘raganingizga bog‘liq:
HTML va CSS-dagi defislar:
HTML5 atributlari ma’lumotlardan boshlanishi mumkin (ma’lumotlar-miqdori, ma’lumotlar-narx).
CSS xususiyat nomlarida (shrift o‘lchami) defislardan foydalanadi.
Defislarni ayirish urinishlarida xato qilish mumkin. JavaScript nomlarida defis qo‘yish mumkin emas.
Pastki chiziq:
Ko‘pgina dasturchilar, ayniqsa, SQL ma’lumotlar bazalarida pastki chiziqdan foydalanishni afzal ko‘radilar.
Pastki chiziqlar ko‘pincha PHP hujjatlarida qo‘llaniladi.
PascalCase:
PascalCase uslubi odatda C dasturchilari tomonidan afzal ko‘riladi.
camel Case:
camelCase JavaScript-ning o‘zi, jQuery va boshqa JavaScript kutubxonalari tomonidan qo‘llaniladi.
Nomlarni $ belgisi bilan boshlamang. Bu sizni ko‘plab JavaScript kutubxonalari nomlari bilan ziddiyatga olib keladi.
HTML’ga JavaScript yuklash
Tashqi skriptlarni yuklash uchun oddiy sintaksisdan foydalaning (tur atributi shart emas):
<script src="myscript.js"></script>
HTML elementlariga kirish
"Tartibsiz" HTML uslublaridan foydalanish natijasida JavaScript xatolari paydo bo‘lishi mumkin.
Ushbu ikkita JavaScript operatori turli natijalar beradi:
const obj = getElementById("Demo")
const obj = getElementById("demo")
Iloji bo‘lsa, HTMLda bir xil nomlash konventsiyasidan (JavaScript kabi) foydalaning.
Fayl kengaytmalari
HTML fayllari .html kengaytmasiga ega bo‘lishi kerak (.htm ruxsat berilgan).
CSS fayllari .css kengaytmasiga ega bo‘lishi kerak.
JavaScript fayllari .js kengaytmasiga ega bo‘lishi kerak.
Fayl nomlarida kichik harflardan foydalaning
Ko‘pgina veb-serverlar (Apache, Unix) fayl nomlari uchun katta-kichik harflarga sezgir:
london.jpg fayliga London.jpg deb murojaat qilib bo‘lmaydi (katta-kichik harflar sezgir).
Boshqa veb-serverlar (Microsoft, IIS) katta-kichik harflarga sezgir emas:
london.jpg ga London.jpg yoki london.jpg sifatida kirish mumkin.
Agar siz katta va kichik harflar aralashmasidan foydalansangiz, siz juda izchil bo‘lishingiz kerak.
Agar siz katta-kichik harf sezgir serverdan katta-kichik harf sezgir serverga o‘tsangiz, hatto kichik xatolar ham veb-saytingizni buzishi mumkin.
Ushbu muammolarni oldini olish uchun har doim kichik harflar fayl nomlaridan foydalaning (agar iloji bo‘lsa).
Ishlash
Kodlash qoidalari kompyuterlar tomonidan qo‘llanilmaydi. Ko‘pgina qoidalar dasturlarning bajarilishiga ozgina ta’sir qiladi.
Kichik skriptlarda chekinish va qo‘shimcha bo‘shliqlar muhim emas.
Rivojlanayotgan kod uchun o‘qilishi afzalroq bo‘lishi kerak. Kattaroq ishlab chiqarish skriptlarini minimallashtirish kerak.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!