Kintamieji ir duomenų tipai JavaScript. 3 dalis JavaScript kurso nuo pradedančiųjų iki pažengusiųjų 10 tinklaraščio įrašų

Šis yra trečiasis JavaScript tinklaraščio įrašų serijos, kuri padės jums išnagrinėti kintamųjų ir duomenų tipų temą JavaScript, dalis. Šios serijos pabaigoje jūs žinosite visus pagrindus, kuriuos reikia žinoti, kad pradėtumėte programuoti JavaScript. Be jokių papildomų kalbų, pradėkime trečiąjį mokymą.

Kintamieji ir duomenų tipai JavaScript – turinys:

1. Kintamieji
2. Pagrindiniai duomenų tipai JavaScript

Šiame tinklaraščio įraše mes tęsiame ten, kur baigėme antrame tinklaraščio įraše. Šiuo etapu turėtumėte turėti atidarytą Google Chrome naršyklę ir konkrečiai atidarytą JavaScript konsolę. Jei dėl kokių nors priežasčių jas uždarėte, dabar būtų geras laikas jas vėl atidaryti.

Jei esate „Mac“ kompiuteryje, klaviatūros kombinacija konsolės atidarymui yra „Option + Command + J“, kai atidarote Chrome. Jei naudojate „Windows“ įrenginį, galite naudoti klaviatūros kombinaciją „Control + Shift + J“, kad atidarytumėte JavaScript konsolę, kai atidarote Chrome. Taip pat galite eiti į meniu viršuje ir pasirinkti Peržiūra -> Kūrėjas -> JavaScript konsolė.

Kintamieji

Kintamieji JavaScript arba bet kurioje kitoje programavimo kalboje yra labai dažni. Ir tam yra geros priežastys. Kintamieji atlieka labai svarbų vaidmenį programavime. Trumpai tariant, kintamieji leidžia jums saugoti tam tikrus duomenis, perkelti juos, modifikuoti, atnaujinti arba ištrinti juos jūsų programoje. Tai yra toks svarbus konceptas, kad yra 3 būdai, kaip galite sukurti kintamuosius. Programavimo žargonas, skirtas kintamųjų kūrimui, vadinamas „kintamųjų deklaravimu“, kas iš esmės reiškia, kad mes deklaruojame kintamąjį kompiuterio atmintyje.

Kuriant kintamuosius, mes naudosime vieną iš 3 raktinių žodžių: „var“, „let“ ir „const“. Vienas iš pirmųjų dalykų, kuriuos turėtumėte žinoti apie šiuos 3 raktinius žodžius, yra tas, kad iki 2015 metų buvo naudojamas tik „var“ raktinis žodis, o „let“ ir „const“ raktiniai žodžiai buvo pristatyti su JavaScript standartu, vadinamu ES6 arba ES2015.

Jei neturite jokios idėjos, kas yra ES6 arba ES2015, štai ką turėtumėte apie tai žinoti. Kai JavaScript pirmą kartą pasirodė, skirtingos įmonės įgyvendino skirtingas JavaScript versijas, ir turėjo būti standartas, kad jūsų kodas veiktų prognozuojamai ir patikimai visose pagrindinėse naršyklėse. Taigi organizacija, vadinama ECMA (Europos kompiuterių gamintojų asociacija), sukūrė JavaScript standartų rinkinį, kurį naršyklės turėtų įgyvendinti. Taip, kad, kol laikotės šių standartų rašydami JavaScript, jūsų kodas turėtų veikti prognozuojamai pagal tuos standartus. Šis standartas vadinamas EcmaScript ir jie nuo 1997 metų išleidžia atnaujintus standartus. O nuo 2015 metų jie kasmet išleidžia šiuos standartus, todėl naujausias išleistas standartas, rašant šį tinklaraščio įrašą, vadinamas ES2021.

Tačiau ne visi leidimai yra tokie patys, kai kurie versijų skirtumai nėra tokie dideli, o kai kurie įveda gana didelius pokyčius kalboje. Paskutiniai dideli pokyčiai įvyko su ES2015, dar vadinamu ES6, nes tai buvo šeštos versijos ECMAScript standartizavimo išleidimas. Vienas iš reikšmingų pokyčių buvo kintamųjų deklaracijos.

Prieš ES6 buvo naudojamas tik „var“ raktinis žodis ir tai buvo vienintelis būdas deklaruoti kintamuosius, todėl ir pavadinimas „var“. Var raktinis žodis turėjo lankstumo, kuris galėjo sukelti nepageidaujamų problemų. Kadangi jis buvo žymiai lankstus naudojime, buvo lengviau padaryti klaidų su kintamaisiais, jei buvote mažiau atsargūs, nei turėtumėte būti. Pavyzdžiui, jei deklaravote kintamąjį, pavadintą „user1“, negalite vėl deklaruoti kintamojo, pavadinto user1, su naujais „let“ ir „const“ raktiniais žodžiais, tačiau tai galėtumėte padaryti su „var“ raktiniu žodžiu. Ir jei pamiršite, kad jau turite user1 savo programoje, antrą kartą deklaruodami user1 su kito vartotojo informacija, jūs perrašysite tikro pirmo vartotojo informaciją, kas efektyviai ištrins pirmo vartotojo informaciją.

// tai gali sukelti painiavą
var user1 = "John";
var user1 = "Jack";
// jei bandysite padaryti tą patį 
// su let arba const, gausite klaidą
let user1 = "John";
let user1 = "Jack";
// taip pat gausite klaidą
// jei bandysite padaryti tą patį su const raktiniu žodžiu
const user1 = "John";
const user1 = "Jack";

Bet tai nereiškia, kad „var“ raktinis žodis niekur nebus naudojamas, jūs tikrai jį pamatysite, ypač kai kuriuose pradedančiųjų lygio JavaScript kursuose. Ypač jei jie yra kelių metų senumo, yra daug mokymų, kurie vis dar parodys jums seną JavaScript rašymo būdą. Bet realybė yra ta, kad tai tiesiog nebe geriausia praktika. Vietoj to, geriausia praktika yra naudoti „let“ arba „const“ raktinius žodžius deklaruojant kintamuosius, priklausomai nuo jūsų poreikių. Bet apie kokius poreikius mes kalbame? Trumpai tariant, jei planuojate keisti kintamojo viduje esančią vertę, norėsite naudoti „let“ raktinį žodį, jei žinote, kad neketinate keisti kintamojo vertės, norėsite pasirinkti „const“. Pažvelkime į keletą pavyzdžių, kaip deklaruoti kintamuosius naudojant tiek let, tiek const.

// galime naudoti "let", kai norime sekti vartotojo žaidimo lygį
// nes žinome, kad jis keisis
let gameLevel = 1;
gameLevel = 2;
gameLevel = 3;
// galime naudoti "const" raktinį žodį deklaruodami vartotojo ID
// nes žinome, kad jo neketiname keisti
const userId = 1010101999;

Jei taip pat pastebėjote iš aukščiau pateikto kodo, su naujausiomis geriausiomis praktikomis mes rašome deklaravimo raktinius žodžius tik vieną kartą, ir tai darome, kai pirmą kartą deklaruojame kintamąjį. Kai vėliau norime pakeisti kintamojo viduje esančią vertę, mes nenaudojame jokio raktinio žodžio prieš kintamojo pavadinimą.

Kai norime pasiekti duomenis, kuriuos šie kintamieji arba konstantos laiko, galime paprasčiausiai naudoti jų pavadinimą. Pavyzdžiui, jei norime parodyti vartotojui jų žaidimo lygį ir vartotojo ID, mes tai darome su šiuo kodu:

// galime pridėti vartotojo ID prie sakinio pabaigos su pliuso ženklu
// tai paaiškinsime vėliau mokyme
alert("Jūsų vartotojo ID yra: " + userId);
// taip pat galime parodyti vartotojui jų žaidimo lygį taip:
alert("Jūsų dabartinis žaidimo lygis yra: " + gameLevel);
// alternatyviai galime tiesiogiai parodyti 
// kintamųjų turinį, rodydami juos alert'e
alert(userId);
alert(gameLevel);

Paskutinių dviejų kodo blokų vykdymas suteiktų šiuos rezultatus:

Kaip pavadinti savo kintamuosius?

Pavadinant savo kintamuosius, yra tam tikrų taisyklių ir konvencijų, kurias turėtumėte apsvarstyti. Pirmas apsvarstymas yra tai, kokius simbolius galite naudoti kintamųjų pavadinimams? Ar jie gali prasidėti ar baigtis skaičiumi? Ar yra bendra neoficiali tiesa, kaip pavadinti savo kintamuosius? Atsakykime į visus šiuos klausimus ir dar daugiau.

Skirtingos programavimo kalbos turi skirtingas konvencijas kintamųjų pavadinimams. JavaScript konvencija yra pavadinti juos naudojant tai, kas vadinama „kamelių rašyba“, ir tai atrodo taip. Jei kintamojo pavadinimas turi tik vieną žodį, tuomet tiesiog rašote tą žodį mažosiomis raidėmis. Jei kintamojo pavadinime yra keli žodžiai, tuomet rašote pirmąjį žodį mažosiomis raidėmis, o visus kitus žodžius rašote didžiosiomis raidėmis ir rašote juos be jokių tarpų ar kitų ženklų. Pavyzdžiui, jei kuriame žaidimą, galėtume pavadinti kintamuosius taip:

// vieno žodžio kintamasis
let strength = 50;
// aprašomasis pavadinimas, kuris apima kelis žodžius
let numberOfArrowsLeft = 145;

Be to, kad naudojame abėcėlinius simbolius, mes taip pat galime naudoti skaičius, dolerio ženklą ir pabraukimo ženklą kintamųjų pavadinimuose. Svarbu pažymėti, kad negalite pradėti kintamojo pavadinimo skaičiumi, tačiau galite baigti jį skaičiumi.

let some$$ = 100;
let another_$ = 20;
let car1 = "Tesla";

Atminkite, kad tik todėl, kad tai įmanoma, nenorime pavadinti savo kintamųjų neaiškiais pavadinimais ar simboliais. Ir tai yra kita tema savaime. Pavadinant kintamuosius, konvencija yra turėti aiškius ir aprašomuosius pavadinimus. Pavyzdžiui, jei ketiname pavadinti kintamąjį, kad nurodytume, kiek strėlių liko lankininko maiše, turėtume naudoti aprašomąjį pavadinimą, tokį kaip tas, kurį naudojome aukščiau pateiktame pavyzdyje. Jei naudotume tik:

let x = 145;

Šis pavadinimas nieko nesakytų apie tai, kokią vertę jis laiko. Ir net po kelių dienų po šio kodo rašymo turėtume perskaityti aplinkinius kodus, kad suprastume, ką tas kintamasis gali reikšti. Todėl tiek jūsų pačių aiškumui rašant kodą, tiek jūsų būsimam aš, kuris gali peržiūrėti kodą, labai svarbu, kad įprastumėte pavadinti savo kintamuosius aiškiai ir aprašomai. Tai taip pat taps dar svarbiau, kai pradėsite dirbti su kitais žmonėmis ir rodyti jiems savo kodą.

Šiuo metu galbūt galvojate: puiku, kad galime perkelti duomenis ir netgi juos keisti naudodami kintamuosius. Bet apie kokius duomenis mes kalbame? Kodėl mes dalį įdėjome į kabutes, o kai kurios dalys nėra kabutėse? Norėdami atsakyti į visus šiuos klausimus ir dar daugiau, pažvelkime į pagrindinius duomenų tipus JavaScript.

Pagrindiniai duomenų tipai JavaScript

Skirtingi duomenų tipai gerai atlieka skirtingas užduotis. Šiame pagrindinių duomenų tipų JavaScript mokyme mes pamatysime 3 pagrindinius duomenų tipus, kurie dažnai naudojami JavaScript. Vėliau serijoje sužinosime apie kitus duomenų tipus JavaScript. Kai išmoksite šiuos pirmuosius 3 pagrindinius duomenų tipus, bus daug lengviau išmokti kitus duomenų tipus. 3 duomenų tipai, kuriuos pamatysime šiame mokyme, yra: simboliai, skaičiai ir booleanai. Be jokių papildomų kalbų, pradėkime nuo pirmo.

Simboliai

Jei sekate mokymą nuo pat pradžių, jau dirbote su simbolių duomenų tipu! Kai rašėme alert, kuris sakė „Sveiki, pasauli!“, tai buvo naudojamas simbolių duomenų tipas, kad saugotume rašytinį tekstą. JavaScript yra 3 būdai, kaip atstovauti simboliams. Pirmasis yra apsupti savo tekstą dvigubomis kabutėmis. Antrasis yra apsupti savo tekstą viengubomis kabutėmis. O trečiasis yra apsupti savo tekstą atvirkštinėmis kabutėmis. Visi trys atrodo taip:

const string1 = "Kai kurie tekstai čia.";
const string2 = 'Kai kurie tekstai čia.';
const string3 = `Kai kurie tekstai čia.`;

Kaip matote, tas, kuris su „atvirkštinėmis kabutėmis“, atrodo gana panašiai į viengubas kabutes, tačiau jis yra šiek tiek laisvesnis. Atvirkštinių kabučių naudojimas simbolių kūrimui yra funkcija, pristatyta su ES6, kad būtų lengviau dirbti su tekstiniais duomenimis. Tai suteikia daug privalumų, palyginti su kitais dviem. Pagal konvenciją galite matyti, kad dvigubos kabutės arba atvirkštinės kabutės naudojamos dažniau. Atvirkštines kabutes galite rasti kairėje klaviatūros pusėje, šalia skaičiaus 1.

Dvigubų kabučių naudojimas atrodo labiau pažįstamas ir jį lengviau suprasti iš pirmo žvilgsnio, tačiau atvirkštinės kabutės turi daugiau privalumų. Šiame pavyzdyje visi 3 veikia taip pat, nes tai yra paprastas pavyzdys. Norėdami parodyti visus tris vienu metu, arba netgi toje pačioje eilutėje, vienas dalykas, kurį galime padaryti, yra parašyti jų pavadinimus ir naudoti pliuso ženklą tarp jų, taip pridėdami simbolius vienas prie kito.

alert(string1 + string2 + string3);[/code>

<img src="https://firmbee.com/wp-content/uploads/f-1-800x419.png" alt="variables_and_data_types_in_javascript" width="800" height="419" class="alignnone size-medium wp-image-18937 img-fluid" /><p>Kaip matote, visi 3 yra rodomi iškart po vieno iš jų pabaigos. Tai yra todėl, kad tiesiog pasakėme interpretuoti, kad pridėtų simbolius vienas prie kito. Jei norime pridėti tarp jų tarpus, visada galime pridėti tą tarpą su kitu simboliu.<p>
[code lang="js"]alert(string1 + &quot; &quot; + string2 + &quot; &quot; + string3);

Taip pat galime patikrinti kintamojo duomenis, parašydami „typeof“ prieš jį. Pavyzdžiui:

alert(typeof string1);

Skaičiai

Dirbdami su skaičiais JavaScript, mes paprastai naudojame „Number“ duomenų tipą. Tai yra pats paprasčiausias, su kuriuo galima pradėti, ir jis turi beveik jokios mokymosi kreivės.

Rašydami skaičių, jis atstovaujamas skaičių tipui. Ir jei priskiriame tą skaičių kintamajam arba konstantai, jie taip pat turės skaičių duomenų tipą.

let someNumber = 5;
const score = 90;
alert(typeof someNumber);
alert(typeof score);

Be įprastų skaičių, JavaScript taip pat teikia kitų funkcijų, kurios gali padėti mums rašyti saugesnį ir prognozuojamesnį kodą. Pavyzdžiui, JavaScript galime turėti kažką, vadinamą „Infinity“, ir tai yra tiksliai tai, kaip skamba. Be to, jis gali būti teigiamas begalybė ir neigiamas begalybė. Pažvelkime, kaip tai atrodo su pavyzdžiu.

// galime dalinti iš nulio ir tai nesukelia klaidos
// vietoj to grąžina begalybę
alert(13 / 0);

// panašiai galime gauti neigiamą begalybę
alert(-25 / 0);

Kaip jau matėte su keliais pavyzdžiais, mes taip pat galime atlikti aritmetines operacijas su skaičiais. Nuo paprasto sudėjimo, atimties, daugybos, dalybos iki netgi programavimo specifinių aritmetinių operacijų. Apie juos sužinosime daugiau kitame mokyme.

Booleanai

Booleanai yra labai dažni programavime. Daugeliu atvejų mes jų pavadinimų nenaudosime aiškiai, tačiau mes naudosime jų paprastą savybę užkulisiuose. Booleanas gali turėti dvi vertes: „true“ ir „false“, ir jos yra tiksliai tai, kaip skamba. Dažnai rasite save rašantį kodą, kad palygintumėte ir padarytumėte išvadą remdamiesi to palyginimo rezultatu.

Daugeliu atvejų šie palyginimai kyla iš realaus gyvenimo scenarijų ir jie laikosi paprastos logikos. Ar šviesa įjungta ar išjungta? Ar lauke lyja? Ar esate alkanas? Ar šis skaičius didesnis už kitą skaičių? Ar šis paragrafas ilgesnis už kitą? Ar vartotojas yra dideliame ekrane?

Yra daug kartų, kai nenorite turėti tik skaičių vertės ar simbolių vertės, bet iš tikrųjų norite „taip“ arba „ne“ atsakymo. Trumpai tariant, tais atvejais mes naudosime boolean duomenų tipą.

// ar pirmas skaičius didesnis už antrą
alert(13 > 12);

// patikrinkite kintamojo tipą
let isRainyOutside = true;
alert(typeof isRainyOutside);

Šio kodo vykdymas suteiktų mums šį rezultatą:

Dabar žinote apie kintamuosius ir duomenų tipus JavaScript. Kitame tinklaraščio įraše mes naudosime šiuos duomenų tipus, kad pradėtume priimti sprendimus savo kode ir dar daugiau!

Jei jums patinka mūsų turinys, nepamirškite prisijungti prie Facebook bendruomenės!