Variabler - Versionshistorik

PGJ den 30 juni 2021 kl. 08.55

2021-06-30T08:55:57Z

← Äldre version		Versionen från 30 juni 2021 kl. 08.55
Rad 122:		Rad 122:

	=== 3. Räckvidd och synlighet ===		=== 3. Räckvidd och synlighet ===
	Variabler kan antingen gälla ~~i en funktion~~ eller globalt. Variabelns räckvidd och synlighet kallas för ”scope” på engelska. Var man kan använda en variabel beror på var den deklareras. Rent generellt kan man säga att en variabel enbart är tillgänglig i den ~~funktion där dess deklaration står~~. Utanför ~~funktionen~~ existerar inte variabeln.		Variabler kan antingen gälla inom ett specfikt <code>{}</code>-block eller globalt (dvs i hela programmet). Variabelns räckvidd och synlighet kallas för ”scope” på engelska. Var man kan använda en variabel beror på var den deklareras. Rent generellt kan man säga att en variabel enbart är tillgänglig i det block där den deklareras. Utanför blocket existerar inte variabeln.

	Detta betyder alltså att du i många fall kan ha variabler med samma namn i olika delar av ditt program, utan att de på något sätt påverkar varandra. ~~Detta då~~ de ses som helt olika variabler, trots att de heter lika.		Detta betyder alltså att du i många fall kan ha variabler med samma namn i olika delar av ditt program, utan att de på något sätt påverkar varandra. Det är på grund av deras scope grö att de ses som helt olika variabler, trots att de heter lika.

			Variabler skapas och tas bort dynamiskt allteftersom programmet körs. En variabel som deklarerats inuti ett block försvinner när den avslutande "<code>}</code>" nås (förutom i några specialfall, så kallade closures, vilket är mer avancerat och vi kan inte gå in på det än).

			Om ditt program kommer tillbaka till samma block, t.ex. om du kallar på den två gånger i rad, så återskapas variablerna på nytt och försvinner återigen när blocket tar slut. Inget variabelinnehåll sparas mellan körningarna, så om du behöver ha kvar ett värde måste du på något sätt spara undan det. Kanske du skriver ner det på disk i en fil eller kanske du har en variabel som ligger ”högre” upp i hierarkin och sparar ditt värde där.

	Variabler skapas och tas bort dynamiskt allteftersom programmet körs. En variabel som deklarerats inuti en funktion försvinner när den avslutande "<code>}</code>" nås (förutom i några specialfall, så kallade closures, som vi återkommer till). Om ditt program kommer tillbaka till samma funktion, t.ex. om du kallar på den två gånger i rad, så återskapas variablerna på nytt och försvinner återigen när funktionen är avklarad. Inget variabelinnehåll sparas mellan gångerna, så om du behöver ha kvar ett värde måste du på något sätt spara undan det. Kanske du skriver ner det på disk i en fil eller kanske du har en variabel som ligger ”högre” upp i hierarkin och sparar ditt värde där.
	==== Skillnader på <code>var</code> och <code>let</code> ====		==== Skillnader på <code>var</code> och <code>let</code> ====

	Tidigare deklarerade man variabler med <code>var</code>. Det kan man iofs fortfarande göra. Men <code>let</code> har en hel del fördelar och man bör använda sig av den varianten. Det finns dock en hel del gammal kod som använder sig av <code>var</code>. Vi går igenom hur <code>var</code> fungerar, så att du vet vad det handlar om i fall du ser den i gammal kod.		Tidigare deklarerade man variabler med <code>var</code>. Det kan man iofs fortfarande göra. Men <code>let</code> har en hel del fördelar och man bör använda sig av den varianten. Det finns dock en hel del gammal kod som använder sig av <code>var</code>. Vi går igenom hur <code>var</code> fungerar, så att du vet vad det handlar om i fall du ser den i gammal kod.

PGJ den 30 juni 2021 kl. 08.48

2021-06-30T08:48:24Z

← Äldre version		Versionen från 30 juni 2021 kl. 08.48
Rad 118:		Rad 118:

	Observera även att JavaScript, liksom de flesta programmeringsspråk är på engelska och att man därför använder ”<code>.</code>” istället för ”<code>,</code>” i decimaltal. Kommatecknet används istället som avgränsning när man skriver in innehåll i olika typer av listor.		Observera även att JavaScript, liksom de flesta programmeringsspråk är på engelska och att man därför använder ”<code>.</code>” istället för ”<code>,</code>” i decimaltal. Kommatecknet används istället som avgränsning när man skriver in innehåll i olika typer av listor.

			Datatypen avgör inte bara vad som kan lagras i en variabel utan det avgör även vilka operationer man kan utföra på variablen. Att dividera en sträng (text) med en annan sträng kommer inte att fungera. Däremot fungerar det, förstås, utmärkt med tal-variabler.

	=== 3. Räckvidd och synlighet ===		=== 3. Räckvidd och synlighet ===

PGJ den 30 juni 2021 kl. 08.46

2021-06-30T08:46:21Z

← Äldre version		Versionen från 30 juni 2021 kl. 08.46
Rad 96:		Rad 96:
	I JavaScript inleder man oftast ett variabelnamn med en liten bokstav (gemen). Det spelar ingen roll för datorn, men vi programmerare är vana att det ska se ut så.		I JavaScript inleder man oftast ett variabelnamn med en liten bokstav (gemen). Det spelar ingen roll för datorn, men vi programmerare är vana att det ska se ut så.

			<div class="well well-meadow">
	==== Camel-case ====		==== Camel-case ====
	Som vi tidigare konstaterade så kan man inte använda mellanslag i variabelnamn. För att lösa det brukar man använda sig av så kallat camel-case (ibland kallat kamelnotation, men ingen säger så). Det innebär att istället för att skriva ut mellanslag så skriver man samman allt och för varje nytt ord så sätter man en stor bokstav (versal).		Som vi tidigare konstaterade så kan man inte använda mellanslag i variabelnamn. För att lösa det brukar man använda sig av så kallat camel-case (ibland kallat kamelnotation, men ingen säger så). Det innebär att istället för att skriva ut mellanslag så skriver man samman allt och för varje nytt ord så sätter man en stor bokstav (versal).
Rad 104:		Rad 105:
	let ingaMellsanslagIVariabler;		let ingaMellsanslagIVariabler;
	</syntaxhighlight>		</syntaxhighlight>
			</div>

	=== 2. Datatyp ===		=== 2. Datatyp ===

PGJ den 30 juni 2021 kl. 08.44

2021-06-30T08:44:12Z

@@ Rad 92: / Rad 92: @@
 let variabeln;
 let VaRiAbElN;
 </syntaxhighlight>

PGJ den 30 juni 2021 kl. 08.38

2021-06-30T08:38:55Z

← Äldre version		Versionen från 30 juni 2021 kl. 08.38
Rad 96:		Rad 96:
	=== 2. Datatyp ===		=== 2. Datatyp ===

	Datatyp handlar om vilken sorts data/information en variabel innehåller. Olika exempel på datatyper kan vara tal, sträng (vanlig text), osv. JavaScript är dock ett svagt typat språk och man anger inte vilken datatyp en variabel har. Istället tolkar JavaScript variabelns innehåll utifrån hur den används. Behövs en textsträng, ~~tolkar det den~~ som en textsträng och behövs ett tal, ~~tolkar den det~~ som ett tal. Ibland kan detta dock bli lite "fel", JavaScript kanske tolkar ditt tal som en textsträng. I sådana fall finns det metoder som gör att man kan "övertala" JavaScript att tolka på ett korrekt vis.		Datatyp handlar om vilken sorts data/information en variabel innehåller. Olika exempel på datatyper kan vara tal, sträng (vanlig text), osv. JavaScript är dock ett svagt typat språk och man anger inte vilken datatyp en variabel har. Istället tolkar JavaScript variabelns innehåll utifrån hur den används. Behövs en textsträng, tolkas innehållet som en textsträng och behövs ett tal, tolkas innehållet som ett tal. Ibland kan detta dock bli lite "fel", JavaScript kanske tolkar ditt tal som en textsträng. I sådana fall finns det metoder som gör att man kan "övertala" JavaScript att tolka på ett korrekt vis.

	<syntaxhighlight lang="JavaScript">		<syntaxhighlight lang="JavaScript">

PGJ den 30 juni 2021 kl. 08.32

2021-06-30T08:32:22Z

← Äldre version		Versionen från 30 juni 2021 kl. 08.32
Rad 2:		Rad 2:

	== Lagring ==		== Lagring ==
	Variabler kan ses som behållare, där man lagrar undan ett visst innehåll under en tid. Som man förstår av namnet kan variablers innehåll variera, d.v.s. ~~de värden~~ de innehåller kan ~~ändras~~.		Variabler kan ses som behållare, där man lagrar undan ett visst innehåll under en tid. Som man förstår av namnet kan variablers innehåll variera, d.v.s. den data som de innehåller kan förändras.

	När man ger en variabel ett värde säger man att man tilldelar den ett värde. När man tilldelar en variabel ett nytt värde, skrivs det gamla värdet över med det nya innehållet. Om man skulle vilja spara undan det gamla värdet, måste man lägga över det i en annan variabel innan man tilldelar det nya värdet. Därför behöver man ofta använda sig av diverse temporärvariabler när man skriver program.		När man ger en variabel ett värde säger man att man tilldelar den ett värde. När man tilldelar en variabel ett nytt värde, skrivs det gamla värdet över med det nya innehållet. Om man skulle vilja spara undan det gamla värdet, måste man lägga över det i en annan variabel innan man tilldelar det nya värdet. Därför behöver man ofta använda sig av diverse temporärvariabler när man skriver program.

PGJ den 31 oktober 2020 kl. 12.34

2020-10-31T12:34:53Z

Visa ändringar

PGJ: /* Skillnader på var och let */

2018-09-22T16:59:04Z

Skillnader på var och let

← Äldre version		Versionen från 22 september 2018 kl. 16.59
Rad 127:		Rad 127:
	Variabler skapas och tas bort dynamiskt allteftersom programmet körs. En variabel som deklarerats inuti en funktion försvinner när den avslutande "<code>}</code>" nås (förutom i några specialfall, så kallade closures, som vi återkommer till). Om ditt program kommer tillbaka till samma funktion, t.ex. om du kallar på den två gånger i rad, så återskapas variablerna på nytt och försvinner återigen när funktionen är avklarad. Inget variabelinnehåll sparas mellan gångerna, så om du behöver ha kvar ett värde måste du på något sätt spara undan det. Kanske du skriver ner det på disk i en fil eller kanske du har en variabel som ligger ”högre” upp i hierarkin och sparar ditt värde där.		Variabler skapas och tas bort dynamiskt allteftersom programmet körs. En variabel som deklarerats inuti en funktion försvinner när den avslutande "<code>}</code>" nås (förutom i några specialfall, så kallade closures, som vi återkommer till). Om ditt program kommer tillbaka till samma funktion, t.ex. om du kallar på den två gånger i rad, så återskapas variablerna på nytt och försvinner återigen när funktionen är avklarad. Inget variabelinnehåll sparas mellan gångerna, så om du behöver ha kvar ett värde måste du på något sätt spara undan det. Kanske du skriver ner det på disk i en fil eller kanske du har en variabel som ligger ”högre” upp i hierarkin och sparar ditt värde där.
	==== Skillnader på <code>var</code> och <code>let</code> ====		==== Skillnader på <code>var</code> och <code>let</code> ====

			Tidigare deklarerade man variabler med <code>var</code>. Det kan man iofs fortfarande göra. Men <code>let</code> har en hel del fördelar och man bör använda sig av den varianten. Det finns dock en hel del gammal kod som använder sig av <code>var</code>. Vi går igenom hur <code>var</code> fungerar, så att du vet vad det handlar om i fall du ser den i gammal kod.

	JavaScripts variabelhantering har några egenheter som inte de flesta andra språk har. Det gäller speciellt om man använder sig av <code>var</code>. Den använder sig av något som kallas "hoisting", det vill säga engelskans uttryck för att lyfta upp något. När man använder <code>var</code> och deklarerar en variabel i en funktion, oavsett var i funktionen det sker, så "flyttar" JavaScript upp deklarationen till början av funktionen. Det vill säga variabeln blir att existera redan i början av funktionen, även om den är deklarerad i slutet.		JavaScripts variabelhantering har några egenheter som inte de flesta andra språk har. Det gäller speciellt om man använder sig av <code>var</code>. Den använder sig av något som kallas "hoisting", det vill säga engelskans uttryck för att lyfta upp något. När man använder <code>var</code> och deklarerar en variabel i en funktion, oavsett var i funktionen det sker, så "flyttar" JavaScript upp deklarationen till början av funktionen. Det vill säga variabeln blir att existera redan i början av funktionen, även om den är deklarerad i slutet.

PGJ: /* 2. Datatyp */

2018-09-22T16:55:50Z

2. Datatyp

← Äldre version		Versionen från 22 september 2018 kl. 16.55
Rad 112:		Rad 112:
	<div class="well well-cyanide-light">		<div class="well well-cyanide-light">
	<syntaxhighlight lang="JavaScript">		<syntaxhighlight lang="JavaScript">
	~~var~~ enSträng = "Vanlig text";		let enSträng = "Vanlig text";
	~~var~~ ettHeltal = 1;		let ettHeltal = 1;
	~~var~~ ettDecimaltal = 1.5;		let ettDecimaltal = 1.5;
	</syntaxhighlight>		</syntaxhighlight>
	</div>		</div>

PGJ: /* Namngivningsregler */

2018-09-22T16:55:31Z

Namngivningsregler

← Äldre version		Versionen från 22 september 2018 kl. 16.55
Rad 100:		Rad 100:
	<div class="well well-cyanide-light">		<div class="well well-cyanide-light">
	<syntaxhighlight lang="JavaScript">		<syntaxhighlight lang="JavaScript">
	~~var~~ Variabeln;		let Variabeln;
	~~var~~ variabeln;		let variabeln;
	~~var~~ VaRiAbElN;		let VaRiAbElN;
	</syntaxhighlight>		</syntaxhighlight>
	</div>		</div>