JavaScript muuttujat

JavaScript muuttujat

JavaScript-muuttujat ovat konteeneja, joissa tallennetaan datan arvoja.

Tässä esimerkissä x, y ja z ovat muuttujia:

Esimerkki

var x = 7;
var y = 8;
var z = x + y; 

Kokeile itse

Yllä olevasta esimerkistä voit saada:

  • x tallentaa arvon 7
  • y tallentaa arvon 8
  • z tallentaa arvon 15

Kuten algebraaalisessa

Tässä esimerkissä price1, price2 ja total ovat muuttujia:

Esimerkki

var price1 = 7;
var price2 = 8;
var price3 = 12;
var total = price1 + price2 + price3;

Kokeile itse

Ohjelmoinnissa, kuten algebraaalisessa, käytämme muuttujia (esim. price1) arvojen tallentamiseen.

Ohjelmoinnissa, kuten algebraaalisessa, käytämme muuttujia lausekkeissa (total = price1 + price2).

Yllä olevasta esimerkistä voit laskea, että total:n arvo on 27.

Vinkki:JavaScript-muuttujat ovat konteeneja, joissa tallennetaan datan arvoja.

JavaScript-identifikaattorit

kaikki JavaScript muuttujaatäytyy aloittaaainutlaatuisella nimellänimentunnisteeksi

Nämä ainutlaatuiset nimet kutsutaanTunnisteet

Tunnisteet voivat olla lyhyitä (esim. x ja y) tai kuvaavampia nimiä (age, sum, totalVolume).

Yleiset säännöt muuttujien nimen rakentamiseksi (ainutlaatuiset tunnisteet) ovat:

  • nimi voi sisältää kirjaimia, numeroita, alaviivoja ja dollari symbolia
  • nimi täytyy aloittaa kirjaimella
  • nimi voi myös olla $ ja _ alkuun (mutta tässä oppaassa emme tee niin)
  • Nimet ovat kirjainkohtaisia (y ja Y ovat eri muuttujia)
  • Reservoidut sanat (kuten JavaScript-avainsanat) eivät voi olla muuttujien nimiä

Vinkki:JavaScript-identifikaattorit ovat kirjainkohtaisia.

arvotusoperaattori

JavaScriptissä, yhtä kuin (=on arvotusoperaattori, ei 'yhtä kuin' operaattori.

Tämä eroaa algebraaalisesta. Seuraava koodi ei ole oikein algebraalisessa:

x = x + 5

x = x + 5

Kuitenkin JavaScriptissä se on erittäin järkevää: aseta x + 5 arvo x:hen.

(Laske x + 5 arvo ja lisää se x:hen. x:n arvo kasvaa 5.)Huomautus: JavaScriptin "vastaa"-laskin on

JavaScript datatyypit

==

JavaScript-muuttujat voivat sisältää lukuja, kuten 100, ja tekstiarvoja, kuten "Bill Gates".

Ohjelmoinnissa tekstiarvot kutsutaan merkkijonoksi.

JavaScript voi käsitellä monia tietotyyppisiä, mutta nyt keskitymme luku- ja tekstiarvoihin.

Tekstiketjut sijoitetaan kaksois- tai yksilainausmerkeihin. Numerot eivät vaadi lainausmerkkejä.

Esimerkki

Jos numerot sijoitetaan lainausmerkeihin, ne katsotaan tekstiketjuiksi.
var pi = 3.14;
var person = "Bill Gates";

Kokeile itse

var answer = 'How are you!';

Muuttujien määrittely (luominen)

JavaScriptissä muuttujien luominen kutsutaan "muuttujien määrittelyksi". var Voit

var carName;

avainsanalla määritetään JavaScript-muuttujia: undefinedMäärittelyn jälkeen muuttujilla ei ole arvoa. Teknisesti sen arvo on

。)Jos tarvitsetAsetus

Aseta muuttujaan arvoa käyttämällä yhtälömerkkiä:

carName = "porsche";

var carName = "porsche";

Voit asettaa muuttujalle arvon määrittelyssä:

Yllä olevassa esimerkissä luodaan nimeltä "carName" muuttuja ja asetetaan sille arvo "porsche".

Esimerkki

Sitten, "demo" id:n HTML-tekstissä "tulostamme" tämän arvon:
<p id="demo"></p>
var carName = "porsche";
<script> 
document.getElementById("demo").innerHTML = carName;

Kokeile itse

Vinkki:</script>

On hyvä tapa määrittää kaikki muuttujat ohjelman alussa!

Yksi lause, useita muuttujia

Voit määrittää useita muuttujia yhdessä lauseessa. var Sivusta alkaen ja päättyenpilkkuaMuuttujien erottamiseen käytetään:

var person = "Bill Gates", carName = "porsche", price = 15000;

Kokeile itse

Määrittely voi ulottua useisiin riveihin:

var person = "Bill Gates",
carName = "porsche",
price = 15000;

Kokeile itse

Value = undefined

Tietokoneohjelmassa määritellyt muuttujat ovat usein arvottomia. Arvo voi olla laskettava sisältö tai myöhemmin annettu tieto, kuten tiedonsyöte.

Muuttujat, joilla ei ole arvoa, niiden arvo on undefined

Muuttujan carName arvo on tämän lauseen suorittamisen jälkeen undefined:

Esimerkki

var carName;

Kokeile itse

JavaScript-muuttujien uudelleenmäärittäminen

Jos JavaScript-muuttujaa määritellään uudelleen, sen arvoa ei menetetä.

Kun nämä kaksi lausetta suoritetaan, muuttujan carName arvo on edelleen "porsche":

Esimerkki

var carName = "porsche";
var carName; 

Kokeile itse

JavaScript laskutoimitukset

Kuten algebraa, voit suorittaa laskutoimituksia JavaScript-muuttujilla käyttämällä = ja + tämänkaltaiset operaattorit:

Esimerkki

var x = 3 + 5 + 8;

Kokeile itse

Merkkijonot voivat myös käyttää plusmerkkiä, mutta merkkijonot yhdistetään:

Esimerkki

var x = "Bill" + " " + "Gates";

Kokeile itse

Voit myös kokeilla tätä:

Esimerkki

var x = "8" + 3 + 5;

Kokeile itse

Vinkki:Jos lisätään arvoja lainausmerkeissä, muut arvot katsotaan merkkijonoksi ja ne yhdistetään.

Kokeile tätä:

Esimerkki

var x = 3 + 5 + "8";

Kokeile itse

Lisäluettelo

JavaScript-ylpeäopetus: ECMAScript-grammatiikkaECMAScript-muuttujat