Let va const (2015) dan foydalanish
2015 yilgacha varkalit so'zdan foydalanish JavaScript o'zgaruvchisini e'lon qilishning yagona usuli edi.
JavaScript-ning 2015-yilgi versiyasi (ES6 - ECMAScript 2015) const kalit so'zdan foydalanib, uni qayta leto'rnatib bo'lmaydigan o'zgaruvchini va kalit so'zni doirasi cheklangan o'zgaruvchini aniqlashga imkon beradi.
Ushbu kalit so'zlar orasidagi farqni tavsiflash biroz murakkab bo'lgani uchun va ular eski brauzerlarda qo'llab-quvvatlanmaganligi sababli, ushbu qo'llanmaning birinchi qismi ko'pincha foydalaniladi var.
Safari 10 va Edge 14 ES6-ni to'liq qo'llab-quvvatlagan birinchi brauzerlar edi:
Chrome 58
Edge 14
Firefox 54
Safari 10
Opera 55
Jan 2017
Aug 2016
Mar 2017
Jul 2016
Aug 2018
Algebra kabi
Bu misolda, price1, price2, va total, o'zgaruvchilar bor:
Misol
var price1 = 5;
var price2 = 6;
var total = price1 + price2;
O'zingiz sinab ko'ring » Dasturlashda, xuddi algebra singari, biz qiymatlarni ushlab turish uchun o'zgaruvchilarni (price1 kabi) ishlatamiz.
Dasturlashda, xuddi algebra singari, biz ifodalarda o'zgaruvchilardan foydalanamiz (total = price1 + price2).
Yuqoridagi misoldan siz jami 11 ni hisoblashingiz mumkin.
JavaScript o'zgaruvchilari ma'lumotlar qiymatlarini saqlash uchun konteynerlardir.
JavaScript identifikatorlari
Barcha JavaScript o'zgaruvchilari noyob nomlar bilan aniqlanishi kerak .
Ushbu noyob nomlar identifikatorlar deb ataladi .
Identifikatorlar qisqa ismlar (x va y kabi) yoki ko'proq tavsiflovchi ismlar (yosh, sum, totalVolume) bo'lishi mumkin.
O'zgaruvchilar (noyob identifikatorlar) uchun nomlar tuzishning umumiy qoidalari:
Ismlar harflar, raqamlar, pastki chiziqlar va dollar belgilaridan iborat bo'lishi mumkin.
Ismlar harf bilan boshlanishi kerak
Ismlar $ va _ bilan boshlanishi mumkin (ammo biz ushbu qo'llanmada ishlatmaymiz)
Ismlar katta-kichik (y va Y har xil o'zgaruvchilar)
Zaxiralangan so'zlardan (JavaScript kalit so'zlari kabi) ism sifatida foydalanish mumkin emas
JavaScript identifikatorlari katta-kichik harflar uchun sezgir.
Topshiriq operatori
JavaScript-da, teng belgisi ( =) "tenglashtirish" operatori emas, balki "tayinlash" operatoridir.
Bu algebradan farq qiladi. Algebra uchun quyidagilar mantiqiy emas:
x = x + 5
Ammo JavaScript-da bu juda mantiqiy: u x + 5 qiymatini x ga beradi.
(X + 5 qiymatini hisoblab chiqadi va natijani x ga qo'yadi. X qiymati 5 ga ko'paytiriladi.)
"Teng" operatori ==JavaScript-dagi kabi yoziladi .
JavaScript ma'lumotlar turlari
JavaScript o'zgaruvchilari 100 kabi raqamlarni va "John Doe" kabi matn qiymatlarini o'z ichiga olishi mumkin.
Dasturlashda matn qiymatlari matn satrlari deb ataladi.
JavaScript ko'plab turdagi ma'lumotlarni boshqarishi mumkin, ammo hozircha faqat raqamlar va satrlar haqida o'ylang.
Satrlar ikki yoki bitta tirnoq ichida yoziladi. Raqamlar tirnoqsiz yoziladi.
Agar siz tirnoqlarga raqamni qo'ysangiz, u matn qatori sifatida ko'rib chiqiladi.
Misol
var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
O'zingiz sinab ko'ring » JavaScript o'zgaruvchilarini e'lon qilish (yaratish)
JavaScript-da o'zgaruvchini yaratish o'zgaruvchini "e'lon qilish" deb nomlanadi.
Siz JavaScript o'zgaruvchisini varkalit so'z bilan e'lon qilasiz :
var carName;
Deklaratsiyadan so'ng, o'zgaruvchining qiymati yo'q (texnik jihatdan uning qiymati bor undefined).
Uchun tayinlash o'zgaruvchilar qiymatini, teng belgisi foydalaning:
carName = "Volvo";
O'zgaruvchiga e'lon qilganingizda unga qiymat berishingiz mumkin:
var carName = "Volvo";
Quyidagi misolda biz nomlangan o'zgaruvchini yaratamiz carNameva unga "Volvo" qiymatini beramiz.
Keyin biz HTML-xat ichidagi qiymatni id = "demo" bilan "chiqaramiz":
Misol
O'zingiz sinab ko'ring » Ssenariyning boshida barcha o'zgaruvchilarni e'lon qilish yaxshi dasturiy amaliyotdir.
Bitta bayonot, ko'plab o'zgaruvchilar
Ko'pgina o'zgaruvchilarni bitta bayonotda e'lon qilishingiz mumkin.
Izohni boshlang varva o'zgaruvchilarni vergul bilan ajrating :
var person = "John Doe", carName = "Volvo", price = 200;
O'zingiz sinab ko'ring » Deklaratsiya bir nechta satrlarni qamrab olishi mumkin:
var person = "John Doe",
carName = "Volvo",
price = 200;
O'zingiz sinab ko'ring » Qiymat = aniqlanmagan
Kompyuter dasturlarida o'zgaruvchilar ko'pincha qiymatsiz e'lon qilinadi. Qiymat hisoblab chiqilishi kerak bo'lgan yoki foydalanuvchi kiritishi kabi keyinroq ta'minlanadigan narsa bo'lishi mumkin.
Qiymatsiz e'lon qilingan o'zgaruvchi qiymatga ega bo'ladi undefined.
CarName o'zgaruvchisi undefinedushbu bayonot bajarilgandan so'ng qiymatga ega bo'ladi :
Misol
var carName;
O'zingiz sinab ko'ring » JavaScript o'zgaruvchilarini qayta e'lon qilish
Agar siz JavaScript o'zgaruvchisini qayta e'lon qilsangiz, u o'z qiymatini yo'qotmaydi.
carNameUshbu iboralar bajarilgandan so'ng o'zgaruvchi hali ham "Volvo" qiymatiga ega bo'ladi:
Misol
var carName = "Volvo";
var carName;
O'zingiz sinab ko'ring » JavaScript arifmetikasi
Algebra kabi, siz kabi operatorlari yordamida, JavaScript o'zgaruvchilar bilan arifmetik, albatta, mumkin =va +:
Misol
var x = 5 + 2 + 3;
O'zingiz sinab ko'ring » Siz shuningdek qatorlarni qo'shishingiz mumkin, ammo satrlar birlashtiriladi:
Misol
var x = "John" + " " + "Doe";
O'zingiz sinab ko'ring » Buni ham sinab ko'ring:
Misol
var x = "5" + 2 + 3;
O'zingiz sinab ko'ring » Agar siz raqamni tirnoqlarga qo'ysangiz, qolgan raqamlar qator sifatida ko'rib chiqiladi va birlashtiriladi.
Endi buni sinab ko'ring:
Misol
var x = 2 + 3 + "5";
O'zingiz sinab ko'ring » JavaScript Dollar belgisi $
JavaScript identifikatorlari (ismlari) quyidagidan boshlanishi kerakligini yodda tuting.
Xat (AZ yoki az)
Dollar belgisi ($)
Yoki pastki chiziq (_)
JavaScript dollar belgisini harf sifatida qabul qilganligi sababli, $ o'z ichiga olgan identifikatorlar haqiqiy o'zgaruvchilar nomlari hisoblanadi:
Misol
var $$$ = "Hello World";
var $ = 2;
var $myMoney = 5;
O'zingiz sinab ko'ring » Dollar belgisidan foydalanish JavaScript-da unchalik keng tarqalgan emas, ammo professional dasturchilar uni ko'pincha JavaScript kutubxonasidagi asosiy funktsiya uchun taxallus sifatida ishlatishadi.
Masalan, JavaScript-ni jQuery kutubxonasida $HTML elementlarini tanlash uchun asosiy funktsiyadan foydalaniladi. JQuery-da $("p");"barcha p elementlarini tanlang" degan ma'noni anglatadi.
JavaScript pastki chizig'i (_)
JavaScript pastki chiziqni harf sifatida qabul qilganligi sababli, _ o'z ichiga olgan identifikatorlar haqiqiy o'zgaruvchilar nomlari hisoblanadi:
Misol
var _lastName = "Johnson";
var _x = 2;
var _100 = 5;
O'zingiz sinab ko'ring » Pastki chiziqdan foydalanish JavaScript-da keng tarqalgan emas, ammo professional dasturchilarning konvensiyasi uni "xususiy (yashirin)" o'zgaruvchilar uchun taxallus sifatida ishlatishdir.
