JavaScriptda o’zgaruvchilar haqida.

O’zgaruvchilar

Ko’pincha JavaScript ilovasi ma’lumot bilan ishlashi kerak. Mana ikkita misol:

1. Onlayn do’kon — ma’lumotlar sotilayotgan tovarlar va xarid qilish savatini o’z ichiga olishi mumkin.
2. Chat ilovasi — ma’lumotlar foydalanuvchilar, xabarlar va boshqalarni o’z ichiga olishi mumkin.

Ushbu ma’lumotlarni saqlash uchun o’zgaruvchilar ishlatiladi.

Oʻzgaruvchi

O’zgaruvchi ma’lumotlar uchun “nomli xotira” dir. Biz o’zgaruvchilardan shirinliklar, tashrif buyuruvchilar va boshqa ma’lumotlarni saqlash uchun foydalanishimiz mumkin.

JavaScript-da o’zgaruvchi yaratish uchun letkalit so'zdan foydalaniladi.

Quyidagi bayonot “message” nomli o‘zgaruvchini yaratadi (boshqacha aytganda: e’lon qiladi ):

Endi biz tayinlash operatoridan foydalanib, unga ba’zi ma’lumotlarni kiritishimiz mumkin =:

let kalit so’zi orali message nomli o’zgaruvchi e’lon qilyapmiz, unga String tipida “Hello” qiymatini o’zlashtiryapmiz.

Endi satr o’zgaruvchi bilan bog’langan xotira maydoniga saqlanadi. Biz unga o’zgaruvchi nomi yordamida kirishimiz mumkin:

Yozgan kodimizda alert() metodi orqali o’zgaruvchini browserga chiqaryapmiz.

Qisqacha aytganda, biz o’zgaruvchan deklaratsiyani va tayinlashni bitta qatorga birlashtira olamiz:

1. message nomli o’zgaruvchiga ‘Hello!” qiymatini o’zlashtirdik.
2. alert(message); message o’zgaruvchisini browserga chiqaryapmiz va Hello! qiymatini qaytaradi.

Shunigdek biz bir qatorda bir necha o’zgaruvchi e’lon qilishimiz mumkin!

Bu yerda birgina let kalit so’zi orqali user, age, message nomli o’zgaruvchilar e’lon qilinayapti. Bu kodlarni hohlagancha davom ettirishimiz mumkin.

— Bu qisqaroq tuyulishi mumkin, lekin biz buni tavsiya etmaymiz. Yaxshiroq o’qilishi uchun har bir o’zgaruvchiga bitta qatordan foydalaning.

Ko’p qatorli variant biroz uzunroq, ammo o’qish osonroq:

Ba’zi odamlar ushbu ko’p qatorli uslubda bir nechta o’zgaruvchilarni ham belgilaydilar:

…Yoki “birinchi vergul” uslubida ham:

Texnik jihatdan, bu variantlarning barchasi bir xil ishni bajaradi. Demak, bu shaxsiy did va estetika masalasi.

— Eski “var” bobi.

Haqiqiy hayotdagi o’xshashlik

Agar biz uni ma’lumotlar uchun “quti” sifatida tasavvur qilsak, “o’zgaruvchi” tushunchasini osongina tushunishimiz mumkin, unda noyob nomli stiker.

Masalan, o’zgaruvchini undagi qiymat bilan messagebelgilangan quti sifatida tasavvur qilish mumkin :"message""Hello!"

Biz qutiga istalgan qiymatni qo’yishimiz mumkin.

Shuningdek, biz uni xohlagancha o’zgartirishimiz mumkin:

Qiymat o’zgartirilganda, eski ma’lumotlar o’zgaruvchidan o’chiriladi:

Shuningdek, biz ikkita o’zgaruvchini e’lon qilishimiz va ma’lumotlarni biridan ikkinchisiga nusxalashimiz mumkin.

O’zgaruvchilarni nomlash

JavaScript-da o’zgaruvchilar nomlarida ikkita cheklov mavjud:

1. Ism faqat harflar, raqamlar yoki belgilarni o’z ichiga olishi $kerak _.
2. Birinchi belgi raqam bo’lmasligi kerak.

To’g’ri nomlarga misollar:

Agar nomda bir nechta so’z bo’lsa, camelCase odatda ishlatiladi. Ya’ni: so’zlar birin-ketin boradi, har bir so’z birinchi bosh harf bilan boshlanadi: myVeryLongName.

Qizig’i shundaki, ismlarda dollar belgisi '$'va pastki chiziq '_'ham ishlatilishi mumkin. Ular har qanday maxsus ma'noga ega bo'lmagan harflar kabi muntazam belgilardir.

Bu nomlar amal qiladi:

Noto’g’ri o’zgaruvchilar nomlariga misollar:

Konstantalar

Doimiy (o’zgarmas) o’zgaruvchini e’lon qilish uchun consto'rniga foydalaning let:

Foydalanish orqali e’lon qilingan o’zgaruvchilar const"doimiy" deb ataladi. Ularni qayta tayinlash mumkin emas. Bunga urinish xatoga olib keladi:

Agar dasturchi o’zgaruvchi hech qachon o’zgarmasligiga amin bo’lsa, uni constkafolatlash va bu faktni hammaga aniq etkazish uchun e'lon qilishi mumkin.

Katta harf konstantalari

Amalga oshirishdan oldin ma’lum bo’lgan eslab qolish qiyin bo’lgan qiymatlar uchun konstantalarni taxallus sifatida ishlatish keng tarqalgan.

Bunday doimiylar bosh harflar va pastki chiziq yordamida nomlanadi.

Misol uchun, keling, ranglar uchun “veb” (o’n oltilik) formatda konstantalar yarataylik:

Foydasi:

• COLOR_ORANGEga qaraganda eslash ancha oson "#FF7F00".
• "#FF7F00"ga qaraganda xato yozish ancha oson COLOR_ORANGE.
• Kodni o’qiyotganda, COLOR_ORANGEga qaraganda ancha mazmunli #FF7F00.

Qachon doimiy uchun bosh harflardan foydalanishimiz kerak va qachon uni normal nomlashimiz kerak? Keling, buni aniq qilib olaylik.

“Doimiy” bo’lish shunchaki o’zgaruvchining qiymati hech qachon o’zgarmasligini anglatadi. Lekin shunday konstantalar bajarilgunga qadar ma’lum bo’ladi (masalan, qizil rang uchun o’n oltilik qiymat) va shunday konstantalar borki, ular bajarilish vaqtida, bajarilish vaqtida hisoblab chiqiladi , lekin dastlabki tayinlanganidan keyin o’zgarmaydi.

Masalan:

ning qiymati pageLoadTimesahifa yuklanishidan oldin noma'lum, shuning uchun u odatdagidek nomlanadi. Ammo bu hali ham doimiy, chunki u topshiriqdan keyin o'zgarmaydi.

Boshqacha qilib aytganda, katta harflar bilan atalgan konstantalar faqat “qattiq kodlangan” qiymatlar uchun taxallus sifatida ishlatiladi.

Narsalarni to’g’ri nomlang

O’zgaruvchilar haqida gapiradigan bo’lsak, yana bir juda muhim narsa bor.

O’zgaruvchining nomi u saqlaydigan ma’lumotlarni tavsiflovchi toza, aniq ma’noga ega bo’lishi kerak.

O’zgaruvchilarni nomlash dasturlashning eng muhim va murakkab ko’nikmalaridan biridir. O’zgaruvchilar nomlariga tezkor qarash qaysi kodni tajribali dasturchiga nisbatan yangi boshlovchi tomonidan yozilganligini aniqlashi mumkin.

Haqiqiy loyihada ko’p vaqt noldan butunlay alohida biror narsa yozishdan ko’ra mavjud kod bazasini o’zgartirish va kengaytirishga sarflanadi. Bir muncha vaqt boshqa biror narsa qilganimizdan so’ng, kodga qaytsak, yaxshi etiketlangan ma’lumotlarni topish ancha oson bo’ladi. Yoki, boshqacha qilib aytganda, o’zgaruvchilar yaxshi nomga ega bo’lganda.

Iltimos, o’zgaruvchini e’lon qilishdan oldin uning to’g’ri nomi haqida o’ylab ko’ring. Agar shunday qilsangiz, sizga yaxshi to’lanadi.

Ba’zi yaxshi qoidalarga rioya qilish kerak:

• userNameyoki kabi odam oʻqiy oladigan nomlardan foydalaning shoppingCart.
• a, b, kabi qisqartmalar yoki qisqa nomlardan uzoqroq turing c, agar nima qilayotganingizni bilmasangiz.
• Ismlarni maksimal darajada tavsiflovchi va qisqacha qiling. Yomon nomlarga misollar datava value. Bunday nomlar hech narsa demaydi. Agar kod konteksti o'zgaruvchi qaysi ma'lumotlar yoki qiymatga havola qilinayotganini juda aniq ko'rsatsa, ulardan foydalanish mumkin.
• Jamoangiz ichida va o’zingizning fikringizcha shartlarga rozi bo’ling. Agar saytga tashrif buyuruvchi “foydalanuvchi” deb atalsa, biz yoki o’rniga tegishli o’zgaruvchilarni yoki nomlashimiz currentUserkerak .newUsercurrentVisitornewManInTown

Oddiy tuyuladimi? Haqiqatan ham shunday, lekin tavsiflovchi va qisqacha o’zgaruvchilar nomlarini yaratish amalda bunday emas. Olg’a.

— Qayta ishlatilsinmi yoki yaratilsinmi?

Va oxirgi eslatma. Ba’zi dangasa dasturchilar borki, ular yangi o’zgaruvchilarni e’lon qilish o’rniga, mavjudlarini qayta ishlatishga moyildirlar.

Natijada, ularning o’zgaruvchilari odamlar stikerlarini o’zgartirmasdan turli narsalarni tashlaydigan qutilarga o’xshaydi. Endi qutining ichida nima bor? Kim biladi? Biz yaqinlashib, tekshirishimiz kerak.

Bunday dasturchilar o’zgaruvchan deklaratsiyada biroz tejashadi, lekin disk raskadrovkada o’n barobar ko’proq yo’qotishadi.

Qo’shimcha o’zgaruvchi yomon emas, yaxshi.

Zamonaviy JavaScript minifikatorlari va brauzerlari kodni etarlicha optimallashtiradi, shuning uchun u ishlash bilan bog’liq muammolarni keltirib chiqarmaydi. Turli xil qiymatlar uchun turli xil o’zgaruvchilardan foydalanish hatto dvigatelga kodingizni optimallashtirishga yordam beradi.

Xulosa

varBiz , let, yoki constkalit so'zlar yordamida ma'lumotlarni saqlash uchun o'zgaruvchilarni e'lon qilishimiz mumkin .

• let- zamonaviy o'zgaruvchilar deklaratsiyasi.
• var- eski maktab o'zgaruvchan deklaratsiyasi. Odatda biz uni umuman ishlatmaymiz, lekin eski "var"let bobidagi nozik farqlarni sizga kerak bo'lganda ko'rib chiqamiz.
• const– ga o‘xshaydi let, lekin o‘zgaruvchining qiymatini o‘zgartirib bo‘lmaydi.

O’zgaruvchilar ularning ichida nima borligini osongina tushunishimizga imkon beradigan tarzda nomlanishi kerak.

Vazifalar

O’zgaruvchilar bilan ishlash

1. Ikkita o’zgaruvchini e’lon qiling: adminva name.
2. Qiymatni "John"ga belgilang name.
3. nameQiymatni dan ga nusxalash admin.
4. Foydalanish qiymatini ko’rsating admin( alert"Jon" chiqishi kerak).

Manba: JavaScript.info
@miracleprogrammer