zmienne

deklaracja zmiennych

Zmienna var (variable) ma zasięg globalny, można uzyskać do nich dostęp spoza bloku.
Zmienna let ma zasięg {blokowy}, nie można uzyskać do niej dostępu spoza bloku.
Stała const (constant) ma zasięg {blokowy}, nie można uzyskać do niej dostępu spoza bloku.


<script type="text/javascript">
var a = 1;
let b = 2;
const c = 3;    // const nie można zedytować, nie można zmienić jej wartości, to jest po prostu stała
document.write("a = " + a + "<br />");
document.write("b = " + b + "<br />");
document.write("c = " + c + "<br />");
</script>

wynik skryptu



<script type="text/javascript">
let a1 = 2;
let b1 = 3;
let c1 = a1 + b1;
document.write(a1 + " + " + b1 + " = " + c1);
</script>

wynik skryptu



<script type="text/javascript">
let a2 = 3;
let b2 = 4;
let c2 = a2 + b2;
document.write(`${a2} + ${b2} = ${c2}`);
</script>

wynik skryptu



<script type="text/javascript">
const name = "Karol";
const surname = "Karolowski";
const postcode = "111-222";
const city = "Katowice";
const street = "Katowicka";
const streetNumber = "33/44";
document.write("Adres dostawy paczki:<br />");
document.write(name + " " + surname + "<br />");
document.write(postcode + " " + city + "<br />");
document.write("ul. " + street + " " + streetNumber + "<br />");
</script>

wynik skryptu



<script type="text/javascript">
const name01 = "Sebastian";
const surname01 = "Sebastianowski";
const postcode01 = "111-222";
const city01 = "Sosnowiec";
const street01 = "Sosnowiecka";
const streetNumber01 = "33/44";
document.write(`Adres dostawy paczki:<br />`);
document.write(`${name01} ${surname01}<br />`);
document.write(`${postcode01} ${city01}<br />`);
document.write(`ul. ${street01} ${streetNumber01}<br />`);
</script>

wynik skryptu

reguły dotyczące nadawania nazw zmiennym

var nazwaZmiennej = wartość;
nazwaZmiennej = wartość;

var name;
var firstName;
var secondName;
var lastName;
var nickName;

Użycie zmiennej bez zadeklarowanej wartości.

<script type="text/javascript">
var zmienna;
document.write(zmienna);
</script>

wynik skryptu



<script type="text/javascript">
var zmienna = '';
document.write(zmienna);
</script>

wynik skryptu

Użycie zmiennej do przechowywania liczby.

<script type="text/javascript">
var price;
var quantity;
var total;

price = 5;
quantity = 14;
total = price * quantity;

document.write("price: " + price + "<br />");
document.write("quantity: " + quantity + "<br />");
document.write("total: " + total + "<br />");
</script>

wynik skryptu

Użycie zmiennej do przechowywania liczby - skrócone wersje zmiennych I

<script type="text/javascript">
var priece, quantity, total;
price = 5;
quantity = 14;
total = price * quantity;

document.write("price: " + price + "<br />");
document.write("quantity: " + quantity + "<br />");
document.write("total: " + total + "<br />");
</script>

wynik skryptu

Użycie zmiennej do przechowywania liczby - skrócone wersje zmiennych II

<script type="text/javascript">
var price = 5;
var quantity = 14;
var total = price * quantity;

document.write("price: " + price + "<br />");
document.write("quantity: " + quantity + "<br />");
document.write("total: " + total + "<br />");
</script>

wynik skryptu

Użycie zmiennej do przechowywania ciągu tekstowego

<script type="text/javascript">
var kolor = "żółty";
var kolor02 = "pomarańczowy";
var kolor03 = "czerwony";

document.write(kolor + ", " + kolor02 + ", " + kolor03);
</script>

wynik skryptu



<script type="text/javascript">
var kolory = "niebieski ";
var kolory = kolory + "granatowy ";
var kolory = kolory + 'fioletowy';
document.write(kolory);
</script>

wynik skryptu



<script type="text/javascript">
var kolory1 = "złoty ";
      kolory1 += "srebrny ";
      kolory1 += "brązowy";
document.write(kolory1);
</script>

wynik skryptu



<script type="text/javascript">
var powitanie = "witajcie<br />";
      powitanie += "welcome<br />";
      powitanie += "willkommen<br />";
      powitanie += "bienvenidos<br />";
document.write(powitanie);
</script>

wynik skryptu



<script type="text/javascript">
var pozegnanie = "żegnaj<br />";
      pozegnanie = pozegnanie + "bey - goodbye<br />"
      pozegnanie = pozegnanie + "Tschüs<br />"
      pozegnanie = pozegnanie + "adiós<br />";
document.write(pozegnanie");
</script>

wynik skryptu

Użycie zmiennej do przechowywania wartości logicznej

<script type="text/javascript">
var prawda = true;
var falsz = false;

document.write(prawda + "<br />" + falsz);
</script>

wynik skryptu

Zasięg zmiennych

zasięg globalny

Zmienna globalna jest zdefiniowana poza wnętrzem funkcji oraz jest widoczna w każdym miejscu skryptu.
Można się do niej odwoływać w dowolnym miejscu kodu, również we wnętrzach funkcji.

<script type="text/javascript">
var liczba = 128;

function func(){
    document.write("Wartość zmiennej w funkcji: " + liczba);
}

func();
document.write("<br />");
document.write("Wartość zmiennej poza funkcją: " + liczba);
</script>


wynik skryptu

zasięg lokalny

Zmienna lokalna jest zdefiniowana wewnątrz funkcji oraz jej zasięg jest ograniczony tylko do wnętrza funkcji, w której została zdefiniowana.
Próba odwołania w innym miejscu skryptu spowoduje powstanie błędu.

<script type="text/javascript">
function func(){
    var liczbaA = 256;
    document.write("Wartość zmiennej w funkcji: " + liczbaA);
}

func();
</script>


wynik skryptu