JavaScript dasturi ko'rsatmalar (bayonotlar) ketma-ketligidir. Ba'zan ko'rsatmalar JavaScript buyruqlari deb ham ataladi.

Dasturni ishga tushirish uchun uni ishga tushirish kerak. Agar dastur mijoz skripti bo'lsa, u brauzer tomonidan avtomatik ravishda ishga tushiriladi, lekin agar u, albatta, sahifa kodida mavjud bo'lsa. Brauzer dasturni odatda veb-sahifani yuklash vaqtida bajaradi.

Ko'rsatmalar yozishda ular nuqta-vergul bilan ajratilishi kerak. JavaScript agar ifoda oxirida nuqta-vergul qo'yishga imkon beradi keyingi ko'rsatma bilan boshlanadi yangi qator.

Agar keyingi ibora yangi satrda yozilsa, JavaScript-da nuqta-vergul bilan tugatish shart emas, lekin juda tavsiya etiladi. Bundan tashqari, har bir ko'rsatmani alohida qatorga joylashtirish tavsiya etiladi.

JavaScript ko'rsatmalari quyidagilardan iborat: qiymatlar, operatorlar, ifodalar, kalit so'zlar va sharhlar.

Misol uchun, ushbu ko'rsatma brauzerga "Salom, dunyo!" ichida HTML elementi id = "main" bilan:

Document.getElementById("main").textContent = "Salom, dunyo!";

JavaScript ma'nolari

JavaScript sintaksisi quyidagi qiymat turlarini belgilaydi: sobit qiymatlar (literallar), doimiy qiymatlar va o'zgaruvchan qiymatlar.

JavaScript-da turli qiymatlarni ifodalash uchun literallarga misollar:

17 // butun son 23.8 // kasr son harfi "HTML" // satr harfi "HTML" // satr literal true // mantiqiy literal // massiv literal // massiv literal () // ob'ekt harfi ( nomi: "Dennis " , til: "ru" ) // ob'ekt literal (ab|bc) // muntazam ifoda literal

Dasturlash tillarida ma'lumotlar qiymatlarini saqlash uchun konstantalar va o'zgaruvchilar ishlatiladi.

Konstantalarni e'lon qilish uchun u ishlatiladi kalit so'z const, o'zgaruvchilar - var va let.

Davomiyligi MAX_LENGTH = 17; // doimiy var bo'limi = "HTML"; // o'zgaruvchi let arr = ["HTML", "CSS"]; // o'zgaruvchi

let - ES-2015 (ES6) versiyasidan beri paydo bo'lgan o'zgaruvchilarni e'lon qilishning yangi usuli. Let ning var dan farqi shundaki, let yordamida e'lon qilingan o'zgaruvchining qamrovi boshqa (blok doirasi) bo'ladi, shuningdek, unga faqat yaratilgandan keyin kirish mumkin.

JavaScript operatorlari

JavaScript-da juda ko'p turli xil operatorlar mavjud. Ular bajarilishi kerak bo'lgan operatsiyani ko'rsatadi.

Operator ishlaydigan operandlar soniga qarab, ular ikkilik va birliklarga bo'linadi. Lekin JavaScript-da shartli operator ham mavjud bo'lib, u 3 ta operanddan iborat. Bu operator uchlik deb ataladi.

Masalan, tayinlash operatori (= belgisi):

// operand1 = operand2; coorX = 100; // masalan, coordX o'zgaruvchisiga 100 raqamini belgilang

Bu operator operand1 ni operand2 bilan bir xil qiymatga belgilash (o'rnatish) uchun ishlatiladi.

Tayinlash operatori ikkilikdir, chunki u ikkita operandda ishlaydi.

Masalan, oshirish operatori (++ belgisi) oshirish uchun ishlatiladi raqamli qiymat operand 1:

Var soni = 5; ++son; // 6

O'sish operatori unary, chunki u bitta operandda ishlaydi.

JavaScript ifodalari

Ifoda qiymatlar, oʻzgaruvchilar va operatorlar yigʻindisi boʻlib, ular oʻzgaruvchiga qiymat beradi yoki uni tayinlamasdan qiymat qaytaradi.

Misol uchun, num = 955.47 ifodasi num o'zgaruvchisiga 7 qiymatini belgilash uchun = operatoridan foydalanadi.

Masalan, "Salom, " + "Timofey" iborasi + operatoridan "Salom," va "Timofey" qatorlarini tayinlashsiz qo'shish uchun foydalanadi.

JavaScript kalit so'zlari

JavaScript ko'rsatmalari ko'pincha kalit so'z bilan boshlanadi. U (kalit so'z) qaysi JavaScript harakatini bajarish kerakligini aniqlash uchun mo'ljallangan.

Masalan, var kalit so'zi brauzerga o'zgaruvchilar yaratishni aytadi:

Var coordX = 5, koordY = 130;

Ayrim kalit so‘zlar ro‘yxati: break, continue, do ... while, for, function, if ... else, return, switch, try ... catch, var.

JavaScript-da sharhlar

Barcha JavaScript bayonotlari bajarilmaydi.

Ikki qiyshiq chiziqdan keyin // yoki /* va */ orasidagi kod izoh sifatida qabul qilinadi.

Sharhlar e'tiborga olinmaydi va bajarilmaydi:

Var yo'nalishi = "yuqori"; // bir qatorli izoh // var tezligi = 10; bu ko'rsatma bajarilmaydi /* id="myBtn"li elementga show sinfini qo'shuvchi funksiya */ showBtn() funksiyasi ( document.getElementById("myBtn").classList.add("show"); )

// - bir qatorli izoh, ya'ni. // va satr oxiri orasidagi har qanday matn JavaScript tomonidan e'tiborga olinmaydi (bajarilmaydi).

/* */ - bu ko'p qatorli sharh, /* va */ orasidagi har qanday matn JavaScript tomonidan e'tiborga olinmaydi.

JavaScript ko'rsatmalar bloki

JavaScript ko'rsatmalarini blok (jingalak qavslar (...)) yordamida guruhlash mumkin.

Odatda funktsiyalarda, boshqaruv tuzilmalarida (for, while) va hokazolarda qo'llaniladi.

Funktsiya myFunction() ( document.getElementById("id__1").textContent = "Matn 1..."; document.getElementById("id__2").textContent = "Matn 2..."; )

Katta harf sezgirligi

JavaScript katta-kichik harflarni hisobga oladigan tildir. Bu shuni anglatadiki, kalit so'zlar, o'zgaruvchilar, funktsiyalar nomlari va boshqa til identifikatorlari bir xil katta va kichik harflarni o'z ichiga olishi kerak. Masalan, ogohlantirish usuli faqat ogohlantirish sifatida yozilishi kerak, Alert , ALERT va boshqalar emas.

JavaScript-da bo'sh joy

JavaScript bir nechta bo'shliqlarga e'tibor bermaydi. Skriptni yanada o'qilishi uchun unga bo'sh joylar qo'shishingiz mumkin.

Quyidagi qatorlar ekvivalentdir:

Var str = "Matn"; var str="Matn";

Kod qatori uzunligi

Agar JavaScript ko'rsatmasi uzoq bo'lsa, uni buzish tavsiya etiladi. Ko'pgina hollarda, biron bir operatordan keyin ko'rsatmani buzish yaxshiroqdir.

Masalan:

Document.getElementById("side__nav_header").innerHTML = "Qo'shimcha navigatsiya (bo'lim bo'yicha)";

• bir so'zdan iborat ism kichik harflar bilan yozilishi kerak (masalan: maqola);
• bir nechta so'zlardan iborat ism kichik harflar bilan birga yozilishi kerak, so'zlarning birikmasidagi harflar bundan mustasno, ular katta harflar bilan yozilishi kerak (masalan: maqola Sarlavhasi);
• nomdagi so'zlar soni 3 tadan oshmasligi kerak (masalan: articleDatePublishedon)
• o'zgaruvchilar (funktsiyalarni saqlash uchun emas) va ob'ekt xususiyatlari otlar bo'lishi kerak (masalan: textComment);
• qiymatlar massivlari va to'plamlari otlar bilan belgilanishi kerak koʻplik(masalan: oxirgi izohlar);
• ob'ektlarning funktsiyalari va usullari fe'llar bilan nomlanishi kerak (masalan: getLastArticles);
• sinf nomlari bosh harf bilan boshlanishi kerak (masalan: Sharhlar).

JavaScript yordamida amalga oshirilishi mumkin JavaScript operatorlari, ichiga joylashtirilgan HTML teglari skript ... / veb-sahifadagi skript.

JavaScript-ni o'z ichiga olgan skript teglarini veb-sahifangizning istalgan joyiga joylashtirishingiz mumkin, lekin odatda uni bosh teglarda saqlash tavsiya etiladi.

Skript yorlig'i brauzer dasturini ushbu teglar orasidagi barcha matnni skript sifatida talqin qilishni boshlashi haqida ogohlantiradi. JavaScript-ning oddiy sintaksisi shunday ko'rinadi.

JavaScript kodi

Skript tegi ikkita muhim atributni o'z ichiga oladi -

• Til - Bu atribut qaysi skript tilidan foydalanayotganingizni ko'rsatadi. Odatda uning qiymati javascript bo'ladi. Garchi HTMLning so'nggi versiyalari (va XHTML, uning vorisi) bu atributdan foydalanishni to'xtatgan.
• Turi. Ushbu atribut endi foydalanilgan skript tilini ko'rsatish uchun tavsiya etiladi va uning qiymati "matn/javascript" ga o'rnatilishi kerak.

Shunday qilib, sizning JavaScript segmentingiz quyidagicha ko'rinadi:

JavaScript kodi

Sizning birinchi JavaScript skriptingiz

Keling, "Salom dunyo" nashrining misolini olaylik. Biz qo'shdik qo'shimcha izoh JavaScript kodimizni o'rab turgan HTML. Bu bizning kodimizni JavaScript-ni qo'llab-quvvatlamaydigan brauzerdan saqlash uchun qilingan. Sharh "// ->" bilan tugaydi. Bu erda "//" JavaScript-dagi sharhni anglatadi, shuning uchun biz brauzer HTML sharhining oxirini JavaScript kodining bir qismi sifatida o'qishiga yo'l qo'ymaslik uchun qo'shamiz. Keyin HTML hujjatimizga satr yozadigan document.write funksiyasini chaqiramiz.

Bu funksiya matn, HTML yoki ikkalasini yozish uchun ishlatilishi mumkin. Quyidagi kodni ko'rib chiqing.

Ushbu kod quyidagi natijani beradi:

Salom Dunyo!

Bo'shliqlar va qator uzilishlari

JavaScript JavaScript dasturlarida paydo bo'ladigan bo'shliqlar, yorliqlar va yangi qatorlarni e'tiborsiz qoldiradi. Siz dasturingizda bo'shliqlar, yorliqlar va yangi qatorlardan bemalol foydalanishingiz mumkin, shuningdek, kodingizni o'qish va tushunishni osonlashtirib, dasturlaringizni toza va izchil tarzda formatlashingiz va cheklashingiz mumkin.

JavaScript-da nuqta-vergul

IN oddiy ko'rsatmalar JavaScript-da odatda C, C++ va Java-da bo'lgani kabi, undan keyin nuqta-vergul qo'yiladi. JavaScript, agar siz har bir bayonotingizni alohida qatorga qo'ysangiz, bu nuqta-vergulni o'tkazib yuborishga imkon beradi. Masalan, quyidagi kod nuqta-vergulsiz yozilishi mumkin.

Lekin shunday bir qatorda formatlashda nuqta-verguldan foydalanish kerak -

Eslatma. Yaxshi amaliyot dasturlash nuqtali verguldan foydalanishdan iborat.

Katta harf sezgirligi

JavaScript katta-kichik harflarni hisobga oladigan tildir. Bu shuni anglatadiki, kalit so'zlar, o'zgaruvchilar, funktsiya nomlari va boshqa har qanday identifikatorlar doimo izchil bosh harf bilan kiritilishi kerak.

Shunday qilib, Time va TIME identifikatorlari JavaScript-ga turli xil ma'nolarni beradi.

ESLATMA. JavaScript-da o'zgaruvchilar va funksiya nomlarini yozishda ehtiyot bo'lishingiz kerak.

Yozishni o'rganayotganda, odam imlo, grammatika va imlo asoslarini o'rganishi kerak. Masalan, gap bilan boshlanishini hamma biladi Bosh harf va nuqta bilan tugaydi, matn paragraflarga bo'linadi va hokazo.

Dasturlash tillari xuddi shunday ishlaydi: dastur ishlashi uchun ma'lum qoidalarga amal qilish kerak. Dasturlash tillarining tuzilishini belgilaydigan qoidalar to'plamiga sintaksis deyiladi. Ko'pgina dasturlash tillari bir xil tushunchalar asosida qurilgan, ammo turli xil sintaksisdan foydalanadi.

Ushbu qo'llanma sizni JavaScript-da sintaksis va kod tuzilishi asoslari bilan tanishtiradi.

Funktsionallik va o'qish qulayligi

Funktsionallik va o'qilishi JavaScript sintaksisining juda muhim jihatlari bo'lib, ular alohida e'tiborga olinishi kerak.

Ba'zi sintaksis qoidalari JavaScript kodi uchun majburiydir. Agar ular bajarilmasa, konsol xato qiladi va skript ishlashni to'xtatadi.

Ushbu xatoni "Salom, dunyo!" dasturida ko'rib chiqing.

// Buzilgan JavaScript dasturiga misol
console.log("Salom, dunyo!"

Oxirida yopilish qavs yetishmayapti, shuning uchun "Salom, dunyo!" qatori o'rniga. dastur xatoni qaytaradi:

Argumentlar roʻyxatidan keyin qoʻlga kiritilmagan SyntaxError: etishmayotgan).

Skriptning ishlashda davom etishiga ruxsat berish uchun siz yopish qavsni qo'shishingiz kerak. JavaScript sintaksisidagi xato dasturning ishlashiga shunday ta'sir qilishi mumkin.

JavaScript sintaksisi va formatlashning ba'zi jihatlari turli nuqtai nazardan kelib chiqadi. Oddiy qilib aytganda, ixtiyoriy bo'lgan va kodni ishga tushirishda xatolikka olib kelmaydigan stilistik qoidalar va variatsiyalar mavjud. Biroq, loyiha va kod ishlab chiquvchilari uslub va sintaksis yangilanishlaridan xabardor bo'lishlari uchun kuzatib borish oqilona bo'lgan ko'plab umumiy konventsiyalar mavjud. Umumiy konventsiyalarga rioya qilish kodingizning o'qilishini yaxshilaydi.

O'zgaruvchiga qiymat berishning quyidagi uchta variantini ko'rib chiqing:

const greeting="Salom"; // o'zgaruvchi va satr o'rtasida bo'sh joy yo'q
const greeting = "Salom"; //topshiriqdan keyin ortiqcha bo'sh joy
const greeting = "Salom"; // o'zgaruvchi va qator o'rtasida bitta bo'shliq

Yuqoridagi uchta qator bir xil ishlaydi. Ammo uchinchi variant (salom = "Salom") kod yozishning eng ko'p qo'llaniladigan va o'qilishi mumkin bo'lgan usuli hisoblanadi, ayniqsa kattaroq dastur kontekstida ko'rilganda.

Barcha dastur kodlarining yaxlitligi va izchilligini kuzatish juda muhimdir.

Quyida biz JavaScript kodining sintaksisi va tuzilishi bilan tanishish uchun bir nechta misollarni ko‘rib chiqamiz.

Bo'shliq belgilari

JavaScript boʻsh joy belgilari boʻshliqlar, yorliqlar va satr tasmasi (bu harakat Enter tugmasi yordamida amalga oshiriladi). Yuqorida ko'rsatilganidek, qatordan tashqaridagi ortiqcha oq bo'shliq, operatorlar orasidagi bo'sh joy va boshqa belgilar JavaScript tarjimoni tomonidan e'tiborga olinmaydi. Bu shuni anglatadiki, quyidagi uchta o'zgaruvchan tayinlash misollari bir xil natijaga ega bo'ladi:

const userLocation = "Nyu-York shahri, " + "NY";
const userLocation="Nyu-York shahri, "+"NY";
const userLocation = "Nyu-York shahri, " + "NY";

userLocation o'zgaruvchisi ushbu qiymat uchun tayinlash uslubidan qat'i nazar, "Nyu-York Siti, NY" qiymatiga ega bo'ladi. JavaScript uchun qaysi biri muhim emas bo'shliq belgilari ishlatiladi.

Dasturlarni yozishda bitta sinab ko'rilgan va to'g'ri qoida mavjud: bo'sh joydan foydalanganda, matematikada yoki grammatikada ishlatadigan qoidalarga amal qiling. Masalan, qator:

o'qish osonroq:

Ushbu qoidadan muhim istisno - bu bir nechta o'zgaruvchilarning tayinlanishi. Quyidagi misolda = pozitsiyasiga e'tibor bering:

const companyName = "Mening kompaniyam";
const companyHeadquarters = "Nyu-York Siti";
const companyHandle = "mening kompaniyam";

Barcha tayinlash operatorlari (=) bo'shliqlar yordamida bitta satrda tekislanadi. Ushbu turdagi struktura barcha kod bazalari tomonidan qo'llanilmaydi, lekin o'qishni yaxshilashi mumkin.

JavaScript-da qo'shimcha qator tanaffuslari ham e'tiborga olinmaydi. Qoida tariqasida, qo'shimcha bo'sh chiziqlar izoh tepasiga va kod blokidan keyin kiritiladi.

Dumaloq qavslar

If, switch va for kabi kalit so‘zlar odatda qavs oldidan va keyin bo‘sh joy bo‘ladi. Quyidagi misolni ko'rib chiqing:

// If ifodasi sintaksisiga misol
agar () ( )
// Matematik tenglamani tekshiring va konsolga satrni chop eting
agar (4< 5) {
console.log("4 5 dan kichik.");
}
// for loop sintaksisiga misol
uchun () ( )
// 10 marta takrorlang, har bir iteratsiya raqamini konsolga chop eting
uchun (i = 0; i 0) (
kvadrat (raqam);
}

Ehtiyot bo'ling, chunki jingalak qavslar ichiga olingan barcha kodlar nuqtali vergulni talab qilmaydi. Ob'ektlar jingalak qavslar ichiga olinadi va nuqta-vergul bilan tugashi kerak.

// Ob'ektga misol
const objectName = ();
// Uchburchak ob'ektini ishga tushirish
konst uchburchak = (
turi: "o'ng",
burchak: 90,
tomonlar: 3,
};

Jingalak qavslar bilan tugaydiganlardan tashqari har bir JavaScript iborasi va ifodasidan keyin nuqta-vergul qo'yish odatiy holdir.

Kod tuzilishi

Texnik jihatdan, JavaScript dasturidagi barcha kodlar bir qatorga joylashtirilishi mumkin. Ammo bunday kodni o'qish va saqlash juda qiyin. Shuning uchun dastur qatorlarga bo'lingan.

Masalan, if/else iborasi bir qatorda yozilishi yoki uni bo‘linishi mumkin:

// Bitta qatorga yozilgan shart gap
agar (x === 1) ( /* agar rost bo'lsa kodni bajaring */ ) boshqacha ( /* noto'g'ri bo'lsa kodni bajaring */ )
// chekinishli shartli gap
agar (x === 1) (
// agar rost bo'lsa kodni bajaring
) boshqa (
// agar noto'g'ri bo'lsa kodni bajaring
}

Iltimos, diqqat qiling: blokga kiritilgan har qanday kod chizilgan. Ikki bo'shliq, to'rtta bo'sh joy yoki yorliqlar yordamida chekinishingiz mumkin. Chekish usulini tanlash faqat shaxsiy imtiyozlarga yoki tashkilotingiz tavsiyalariga bog'liq.

Birinchi satr oxiridagi ochiq qavs JavaScript iboralari va obyektlarini tuzishning keng tarqalgan usuli hisoblanadi. Ba'zan qavslar alohida satrlarga joylashtiriladi:

// Yangi qatorlarda qavslar bilan shartli gap
agar (x === 1)
{
// agar rost bo'lsa kodni bajaring
}
boshqa
{
// agar noto'g'ri bo'lsa kodni bajaring
}

Bu struktura boshqa tillarda bo'lgani kabi JavaScript-da ham kam qo'llaniladi.

O'rnatilgan bayonotlar ajratilishi kerak:

// Funktsiyani ishga tushirish
funksiyasiEqualToOne(x) (
// x birga teng ekanligini tekshiring
agar (x === 1) (
// muvaffaqiyatga erishganingizda, rostini qaytaring
haqiqatni qaytarish;
) boshqa (
yolg'onni qaytarish;
}
}

To'g'ri chiziq kodni o'qishga imkon beradi. Esda tutish kerak bo'lgan ushbu qoidadan yagona istisno shundaki, siqilgan kutubxonalar fayl hajmini kamaytirish uchun barcha keraksiz belgilarni olib tashlaydi.

Identifikatorlar

JavaScript-dagi o'zgaruvchilar, funktsiyalar yoki xususiyatlarning nomlari identifikatorlar deb ataladi. Identifikatorlar harflar va raqamlardan iborat, lekin ular $ va _ dan ortiq belgilarni o'z ichiga olmaydi va raqam bilan boshlana olmaydi.

Katta harf sezgirligi

Ismlar katta-kichik harflarga sezgir. Ya'ni, myVariable va myvariable ikki xil o'zgaruvchi sifatida ko'rib chiqiladi.

var myVariable = 1;
var myvariable = 2;

Umumiy qoidaga ko'ra, ismlar tuya harfi bilan yoziladi: birinchi so'z kichik harf bilan yoziladi, lekin har bir keyingi so'z bosh harf bilan boshlanadi. Global o'zgaruvchilar yoki doimiylar katta harflar bilan yoziladi va pastki chiziq bilan ajratiladi.

const INSURANCE_RATE = 0,4;

Ushbu qoidadan istisno sinf nomlari bo'lib, har bir so'z odatda bosh harf bilan boshlanadi (PascalCase).

// Sinfni ishga tushiring
sinf MisolClass (
konstruktor()
}

Kodning o'qilishini ta'minlash uchun barcha dastur fayllarida identifikatorlardan doimiy ravishda foydalanish kerak.

Zaxiralangan kalit so'zlar

Identifikatorlar shuningdek, zaxiralangan kalit so'zlarni o'z ichiga olmaydi. Kalit so'zlar - bu o'rnatilgan funksiyaga ega JavaScript so'zlari. Bularga var, if, for va this kiradi.

Masalan, var nomli o'zgaruvchiga qiymat bera olmaysiz.

var var = "Ba'zi qiymat";

JavaScript var kalit so'zini biladi, shuning uchun u xatoga yo'l qo'yadi:

Sintaksis xatosi: kutilmagan token (1:4)