JavaScript-variabelen

JavaScript-variabelen

JavaScript variabelen zijn containers voor datawaarden.

In dit voorbeeld zijn x, y en z variabelen:

Voorbeeld

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

Probeer het zelf

U kunt uit het vorige voorbeeld verkrijgen:

  • x slaat de waarde 7 op
  • y slaat de waarde 8 op
  • z slaat de waarde 15 op

Soortgelijk als algebra

In dit voorbeeld zijn price1, price2 en total variabelen:

Voorbeeld

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

Probeer het zelf

In programmeren, zoals algebra, gebruiken we variabelen (bijvoorbeeld price1) om waarden op te slaan.

In programmeren, zoals algebra, gebruiken we variabelen in expressies (total = price1 + price2).

U kunt uit het vorige voorbeeld berekenen dat de waarde van total 27 is.

Tip:JavaScript variabelen zijn containers voor datawaarden.

JavaScript identifiers

alle JavaScript variabelenmoeten beginnen metunieke namenvanIdentificatie.

Deze unieke namen worden genoemdIdentifiers.

Identifiers kunnen korte namen zijn (bijvoorbeeld x en y), of meer beschrijvende namen (age, sum, totalVolume).

De algemene regels voor het construeren van variabelenamen (unieke identifiers) zijn:

  • namen kunnen letters, cijfers, underscores en dollar-teken bevatten
  • namen moeten beginnen met een letter
  • namen kunnen ook $ en _ hoofdletter (maar in deze handleiding zullen we dat niet doen)
  • namen zijn hoofdlettergevoelig (y en Y zijn verschillende variabelen)
  • voorbehouden woorden (zoals JavaScript keywords) kunnen niet als variabelenamen worden gebruikt

Tip:JavaScript identifiers zijn hoofdlettergevoelig.

toewijzingsoperator

In JavaScript, het gelijke teken (=is een toewijzingsoperator, niet het 'gelijk aan' operator.

Dit is anders dan algebra. Het volgende code in algebra is onredelijk:

x = x + 5

Maar in JavaScript is dit zeer logisch: de waarde van x + 5 toewijzen aan x.

（Bereken de waarde van x + 5 en plaats het resultaat in x. De waarde van x wordt met 5 verhoogd.）

Opmerking:De "gelijk aan"-operator in JavaScript is ==.

JavaScript-gegevens types

JavaScript-variabelen kunnen getallen opslaan zoals 100, en tekstwaarden zoals "Bill Gates".

In programmeren worden tekstwaarden strings genoemd.

JavaScript kan verschillende datatypes verwerken, maar nu concentreren we ons alleen op numerieke en tekstwaarden.

Tekstwaarden worden omgeven door dubbele aanhalingstekens of enkele aanhalingstekens. Getallen hebben geen aanhalingstekens nodig.

Als getallen tussen aanhalingstekens worden geplaatst, worden ze beschouwd als tekststrings.

Voorbeeld

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

Probeer het zelf

Verklaring (creëren) van JavaScript-variabelen

In JavaScript wordt het creëren van variabelen "verklaard" variabelen noemen.

U kunt var trefwoorden om JavaScript-variabelen te declareren:

var carName;

Na de verklaring hebben variabelen geen waarde. (Technisch gezien is de waarde undefined。）

zoalstoewijzingGebruik een vergelijkingsstyte voor variabelen:

carName = "porsche";

U kunt de variabele waarderen bij de verklaring:

var carName = "porsche";

In het bovenstaande voorbeeld hebben we de variabele carName gecreëerd en dienaangaande de waarde "porsche" toegewezen.

Daarna "output" we deze waarde in de HTML-afsnede met id="demo":

Voorbeeld

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

Probeer het zelf

Tip:

Het is een goede gewoonte om alle variabelen aan het begin van het script te declareren!

Een statement, meerdere variabelen

U kunt meerdere variabelen in een enkele statement declareren. var als begin van een statement, en wordt afgesloten metkommaScheiden van variabelen:

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

Probeer het zelf

Verklaring kan over meerdere regels lopen:

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

Probeer het zelf

Value = undefined

In computerprogramma's zijn variabelen die worden verklaard vaak zonder waarde. De waarde kan het te berekenen inhoud zijn, of gegevens die later worden verstrekt, zoals data-invoer.

Variabelen zonder waarde, hun waarde zal zijn undefined.

De waarde van de variabele carName is na het uitvoeren van deze statement undefined:

Voorbeeld

var carName;

Probeer het zelf

Herhaaldelijk declareren van JavaScript-variabelen

Als je een JavaScript-variabele opnieuw declareert, wordt de waarde ervan niet verloren.

Na het uitvoeren van deze twee statements blijft de waarde van de variabele carName "porsche":

Voorbeeld

var carName = "porsche";
var carName;

Probeer het zelf

JavaScript-rekenen

Net als in algebra kun je met JavaScript-variabelen wiskundige berekeningen uitvoeren, gebruik = en + soortgelijke operatoren:

Voorbeeld

var x = 3 + 5 + 8;

Probeer het zelf

Stringen kunnen ook met het plus-teken worden gebruikt, maar de strings worden gecascadeerd:

Voorbeeld

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

Probeer het zelf

Probeer dit ook uit:

Voorbeeld

var x = "8" + 3 + 5;

Probeer het zelf

Tip:Als je de waarde in aanhalingstekens plaatst, worden de overige waarden als string beschouwd en gecascadeerd.

Probeer dit nu uit:

Voorbeeld

var x = 3 + 5 + "8";

Probeer het zelf

Bijkomende Leesmateriaal

JavaScript Avanceerd Tutoriaal: ECMAScript Syntax, ECMAScript Variabele