JavaScript variabler

JavaScript variabler

JavaScript-variabler är behållare för datavärden.

I detta exempel är x, y och z variabler:

Exempel

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

Prova själv

I föregående exempel kan du få:

  • x lagrar värdet 7
  • y lagrar värdet 8
  • z lagrar värdet 15

liknande algebra

I detta exempel är price1, price2 och total variabler:

Exempel

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

Prova själv

I programmering, liknande algebra, använder vi variabler (t.ex. price1) för att lagra värden.

I programmering, liknande algebra, använder vi variabler i uttryck (total = price1 + price2).

I föregående exempel kan du räkna ut att totalens värde är 27.

Tips:JavaScript-variabler är behållare för datavärden.

JavaScript-identifierare

alla JavaScript variabelmåste börja medunika namnavidentifier.

Dessa unika namn kallasIdentifierare.

Identifierare kan vara korta namn (t.ex. x och y), eller mer beskrivande namn (age, sum, totalVolume).

De allmänna reglerna för att konstruera variabelnamn (unika identifierare) är:

  • namn kan innehålla bokstäver, siffror, understrecket och dollarnotecken
  • namn måste börja med
  • namn kan också $ och _ börjar med (men vi gör inte detta i denna tutorial)
  • Namn är känsliga för storlek (y och Y är olika variabler)
  • Reserverade ord (t.ex. JavaScript-nyckelord) kan inte användas som variabelnamn

Tips:JavaScript-identifieratorer är känsliga för storleksförhållanden.

Tilldelningsoperator

I JavaScript, likhetstecknet (=är en tilldelningsoperator, inte en "likaså"-operator.

Detta skiljer sig från algebra. Följande kod är ologisk i algebra:

x = x + 5

Men i JavaScript är det mycket rimligt: Placera värdet av x + 5 i x.

（Beräkna värdet av x + 5 och placera resultatet i x. x:s värde ökar med 5.)

Kommentar:Jämförelseoperatorn "likas med" i JavaScript är ==.

JavaScript datatyper

JavaScript-variabler kan lagra numeriska värden som 100 och textvärden som "Bill Gates".

I programmering kallas textvärden för strängar.

JavaScript kan hantera flera datatyper, men nu koncentrerar vi bara på numeriska och strängvärden.

Strängar omges av dubbla eller enkla citationstecken. Numerical värden behöver inte omges av citationstecken.

Om du lägger in ett värde i citationstecken, kommer det att betraktas som en textsträng.

Exempel

var pi = 3.14;
var person = "Bill Gates";
var answer = 'How are you!';

Prova själv

Deklaration (skapande) av JavaScript-variabler

I JavaScript kallas att skapa variabler för "deklarera variabler".

Du kan var nyckelord för att deklarera JavaScript-variabler:

var carName;

Efter deklaration är variabeln utan värde. (Tekniskt sett är värdet undefined。）

Om du behöverTilldelningAnvänd likhetstecknet för att tilldela:

carName = "porsche";

Du kan tilldela värde till en variabel vid deklarationen:

var carName = "porsche";

I det föregående exemplet skapade vi variabeln carName och tilldelade den värdet "porsche".

Därefter "uttrycker" vi värdet i HTML-sektionen med id="demo":

Exempel

<p id="demo"></p>
<script>
var carName = "porsche";
document.getElementById("demo").innerHTML = carName; 
</script>

Prova själv

Tips:

Det är en bra vana att deklarera alla variabler i början av skriptet!

En mening, flera variabler

Du kan deklarera många variabler i ett enda uttryck. var Som början på en mening och medkommaSeparera variabler med:

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

Prova själv

Deklaration kan sträcka sig över flera rader:

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

Prova själv

Value = undefined

I datorprogram är deklarerade variablerna ofta utan värde. Värdet kan vara innehåll som behöver beräknas eller data som tillhandahålls senare, till exempel datainmatning.

Variabler utan värde kommer att vara undefined.

Värdet på variabeln carName efter att denna mening har körts är undefined:

Exempel

var carName;

Prova själv

Upprepa deklaration av JavaScript-variabler

Om du deklarerar en JavaScript-variabel igen kommer dess värde inte att gå förlorat.

Efter att dessa två meningar har körts är värdet på variabeln carName fortfarande "porsche":

Exempel

var carName = "porsche";
var carName;

Prova själv

JavaScript algebra

Liksom algebra kan du utföra aritmetiska operationer med JavaScript-variabler, använda = och + likt operatorer:

Exempel

var x = 3 + 5 + 8;

Prova själv

Strängar kan också användas med plus-tecknet, men strängarna kommer att kaskaderas:

Exempel

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

Prova själv

Försök också detta:

Exempel

var x = "8" + 3 + 5;

Prova själv

Tips:Om du lägger in siffror i citationstecken, kommer de övriga siffrorna att betraktas som strängar och kaskaderas.

Försök nu detta:

Exempel

var x = 3 + 5 + "8";

Prova själv

Läs mer

JavaScript-avancerad handledning: ECMAScript-syntaks, ECMAScript-variabler