O'zgaruvchilar

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

1. Onlayn do’kon – ma’lumotlar sotiladigan tovarlar va xarid savatchasini o’z ichiga olishi mumkin.
2. Chat ilovasi – ma’lumotlar foydalanuvchilar, xabarlar va boshqa ko’p narsalarni o’z ichiga olishi mumkin.

O’zgaruvchilar bu ma’lumotlarni saqlash uchun ishlatiladi.

O’zgaruvchi

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

JavaScript da o’zgaruvchi yaratish uchun let kalit so’zidan foydalaning.

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

let message;

Endi biz unga tayinlash operatori = yordamida ma’lumot kiritishimiz mumkin:

let message;

message = 'Hello'; // 'Hello' stringini message nomli o'zgaruvchiga saqlash

String endi o’zgaruvchi bilan bog’langan xotira maydoniga saqlandi. Biz unga o’zgaruvchi nomi orqali murojaat qilishimiz mumkin:

let message;
message = 'Hello!';

alert(message); // o'zgaruvchi mazmunini ko'rsatadi

Qisqalik uchun biz o’zgaruvchini e’lon qilish va tayinlashni bitta satrga birlashtirishimiz mumkin:

let message = 'Hello!'; // o'zgaruvchini aniqlash va qiymat berish

alert(message); // Hello!

Shuningdek, bir satrda bir nechta o’zgaruvchini e’lon qilishimiz mumkin:

let user = 'John', age = 25, message = 'Hello';

Bu qisqaroq ko’rinishi mumkin, ammo biz buni tavsiya qilmaymiz. Yaxshiroq o’qish uchun har bir o’zgaruvchi uchun alohida satr ishlatishni so’raymiz.

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

let user = 'John';
let age = 25;
let message = 'Hello';

Ba’zi odamlar ko’p satrli uslubda bir nechta o’zgaruvchilarni aniqlaydi:

let user = 'John',
  age = 25,
  message = 'Hello';

Yoki hatto “vergul-birinchi” uslubida:

let user = 'John'
  , age = 25
  , message = 'Hello';

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

var message = 'Hello';

Hayotiy o’xshashlik

Agar uni ma’lumotlar uchun “quti” sifatida tasavvur qilsak, unda noyob nomlangan stiker yopishtirilgan bo’lsa, “o’zgaruvchi” tushunchasini osongina tushunishimiz mumkin.

Masalan, message o’zgaruvchisini ichida "Hello!" qiymati bo’lgan "message" yorlig’i bilan qutiga o’xshatish mumkin:

Biz qutiga istalgan qiymatni qo’yishimiz mumkin.

Shuningdek, uni xohlagancha marta o’zgartirishimiz mumkin:

let message;

message = 'Hello!';

message = 'World!'; // qiymat o'zgartirildi

alert(message);

Qiymat o’zgartirilganda, eski ma’lumotlar o’zgaruvchidan olib tashlanadi:

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

let hello = 'Hello world!';

let message;

// 'Hello world' ni hello dan message ga nusxalash
message = hello;

// endi ikkita o'zgaruvchi bir xil ma'lumotni saqlaydi
alert(hello); // Hello world!
alert(message); // Hello world!

let message = "This";

// takroriy 'let' xatolikka olib keladi
let message = "That"; // SyntaxError: 'message' has already been declared

O'zgaruvchilarni nomlash

JavaScript da o’zgaruvchi nomlari uchun ikkita cheklov mavjud:

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

To’g’ri nomlar misollari:

let userName;
let test123;

Nom bir nechta so’zdan iborat bo’lganda, odatda camelCase dan foydalaniladi. Ya’ni: so’zlar ketma-ket keladi, birinchisidan tashqari har bir so’z bosh harf bilan boshlanadi: myVeryLongName.

Qiziq tomoni – dollar belgisi '$' va pastki chiziq '_' ham nomlarda ishlatilishi mumkin. Ular oddiy belgilar, xuddi harflar kabi, hech qanday maxsus ma’nosiz.

Bu nomlar to’g’ri:

let $ = 1; // "$" nomli o'zgaruvchi e'lon qilindi
let _ = 2; // va endi "_" nomli o'zgaruvchi

alert($ + _); // 3

Noto’g’ri o’zgaruvchi nomlari misollari:

let 1a; // raqam bilan boshlanishi mumkin emas

let my-name; // defislar '-' nomda ruxsat etilmagan

let имя = '...';
let 我 = '...';

let let = 5; // o'zgaruvchini "let" deb nomlab bo'lmaydi, xato!
let return = 5; // uni "return" deb ham nomlab bo'lmaydi, xato!

// e'tibor bering: bu misolda "use strict" yo'q

num = 5; // agar "num" o'zgaruvchisi mavjud bo'lmasa, u yaratiladi

alert(num); // 5

"use strict";

num = 5; // xato: num aniqlanmagan

Konstantalar

O’zgarmas (o’zgarmaydigan) o’zgaruvchini e’lon qilish uchun let o’rniga const dan foydalaning:

const myBirthday = '18.04.1982';

const yordamida e’lon qilingan o’zgaruvchilar “konstanta” deb ataladi. Ularni qayta tayinlab bo’lmaydi. Bunga urinish xatolikka olib keladi:

const myBirthday = '18.04.1982';

myBirthday = '01.01.2001'; // xato, konstantani qayta tayinlab bo'lmaydi!

Dasturchi o’zgaruvchi hech qachon o’zgarmasligiga ishonchi komil bo’lsa, bu faktni kafolatlash va hammaga etkazish uchun uni const bilan e’lon qilishi mumkin.

Bosh harfli konstantalar

Bajarilishdan oldin ma’lum bo’lgan, eslab qolish qiyin bo’lgan qiymatlar uchun takma nom sifatida konstantalardan foydalanish keng tarqalgan amaliyot.

Bunday konstantalar bosh harflar va pastki chiziqlar yordamida nomlanadi.

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

const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0";
const COLOR_BLUE = "#00F";
const COLOR_ORANGE = "#FF7F00";

// ...rang tanlashimiz kerak bo'lganda
let color = COLOR_ORANGE;
alert(color); // #FF7F00

Foydalar:

• COLOR_ORANGE ni "#FF7F00" dan ko’ra yodlash osonroq.
• "#FF7F00" da COLOR_ORANGE ga qaraganda xato qilish osonroq.
• Kodni o’qiyotganda COLOR_ORANGE #FF7F00 dan ko’ra ancha mazmunli.

Konstanta uchun qachon bosh harflardan foydalanishimiz va qachon oddiy nomlashimiz kerak? Keling, buni aniqlashtiriruylik.

“Konstanta” bo’lish shunchaki o’zgaruvchining qiymati hech qachon o’zgarmasligini anglatadi. Ammo ba’zi konstantalar bajarilishdan oldin ma’lum (qizil uchun o’n oltilik qiymat kabi) va ba’zi konstantalar ish vaqtida, bajarilish davomida hisoblanadi, lekin boshlang’ich tayinlashdan keyin o’zgarmaydi.

Masalan:

const pageLoadTime = /* veb-sahifa yuklanish vaqti */;

pageLoadTime ning qiymati sahifa yuklanishidan oldin ma’lum emas, shuning uchun u oddiy nomlanadi. Ammo bu hali ham konstanta, chunki tayinlashdan keyin o’zgarmaydi.

Boshqacha qilib aytganda, bosh harfli konstantalar faqat “qattiq kodlangan” qiymatlar uchun takma nom sifatida ishlatiladi.

Narsalarni to’g’ri nomlash

O’zgaruvchilar haqida gapirganda, yana bir juda muhim narsa bor.

O’zgaruvchi nomi toza, aniq ma’noga ega bo’lishi va u saqlaydigan ma’lumotlarni tasvirlashi kerak.

O’zgaruvchilarni nomlash dasturlashtirining eng muhim va murakkab ko’nikmalaridan biridir. O’zgaruvchi nomlariga bir qarash yangi boshlovchi yoki tajribali dasturchi tomonidan yozilgan kodni aniqlash mumkin.

Haqiqiy loyihada vaqtning ko’p qismi noldan butunlay alohida narsa yozishdan ko’ra mavjud kod bazasini o’zgartirish va kengaytirishga sarflanadi. Bir muddat boshqa ish bilan shug’ullanganimizdan keyin qandaydir kodga qaytsak, yaxshi belgilangan ma’lumotni topish ancha oson. Boshqacha qilib aytganda, o’zgaruvchilarning yaxshi nomlari bo’lganda.

O’zgaruvchini e’lon qilishdan oldin uning to’g’ri nomi haqida o’ylashga vaqt ajrating. Buni qilish sizga katta foyda keltiradi.

Bajarilishi kerak bo’lgan qoidalar:

• userName yoki shoppingCart kabi inson o’qiy oladigan nomlardan foydalaning.
• Nima qilayotganingizni bilmasangiz, a, b va c kabi qisqartmalar yoki qisqa nomlardan qoching.
• Nomlarni maksimal darajada tavsiflovchi va qisqa qiling. Yomon nomlar misollari data va value. Bunday nomlar hech narsa demaydi. Ularni faqat kod konteksti o’zgaruvchi qaysi ma’lumot yoki qiymatga ishora qilayotganini juda aniq qilsa ishlatish mumkin.
• Jamoangizdagi va fikringizdagi atamalar bo’yicha kelishing. Agar sayt tashrif buyuruvchisi “user” deb atalsa, biz tegishli o’zgaruvchilarni currentVisitor yoki newManInTown o’rniga currentUser yoki newUser deb nomlashimiz kerak.

Oddiy eshitiladimi? Haqiqatan ham shunday, ammo amalda tavsiflovchi va qisqa o’zgaruvchi nomlari yaratish unchalik oson emas. Harakat qiling.

Xulosa

Biz var, let yoki const kalit so’zlari yordamida ma’lumotlarni saqlash uchun o’zgaruvchilar e’lon qilishimiz mumkin.

• let – zamonaviy o’zgaruvchi e’loni.
• var – eski maktab o’zgaruvchi e’loni. Odatda biz uni umuman ishlatmaymiz, ammo agar kerak bo’lsa, Eski "var" bobida let dan nozik farqlarni ko’rib chiqamiz.
• const – let ga o’xshaydi, ammo o’zgaruvchining qiymatini o’zgartirib bo’lmaydi.

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