KURS HTML

Hmmmm... Tym nietypowym słowem rozpocznę ósmy odcinek kursu HTMLa, który już właściwie przestał być kursem HTMLa :)). Zastanawiałem się już, czy zmienić tytuł tego działu... Zrezygnowalem, ponieważ mam nadzieję, że odbiję to sobie w nowej oprawie, która - jeśli się ze wszystkim wyrobię - powinna być widoczna od następnego numeru. Ale na razie cicho-sza :). A co miało dokładnie oznaczać to słowo? Ano to, że uważam, że nie ma najmniejszego sensu powtarzać, co ma być w numerze. Przecież zawsze piszę to miesiąc wcześniej! No, ale ze względu na czytelników, którzy dopiero teraz poznali się na tym genialnym :)) kąciku, napiszę to, żeby można było z góry stwierdzić, czy warto dalej się zaczytywać... No i właśnie... Z jednej strony, nie warto tego powtarzać, a z drugiej - trzeba... Dopiero kiedy AM będzie dostępny w Internecie, będę mógł skrócić wstęp o te kilka słów. A więc: w bieżącym numerze przeczytacie wszystko o zmiennych i operatorach w JavaScripcie... Serdecznie (mózgowo też) zapraszam do lektury!

[na górę]

Co to są właściwie te zmienne?

Podobnie jak w każdym języku programowania, tak w JavaScripcie występują zmienne. Zmienna to ciąg znaków, któremu może być przyporządkowana jakaś wartość. Wartością tą można oczywiście operować, zmieniać ją itd. W JS nie trzeba definiować zmiennych na początku programu. Zmienna jest uznawana za zdefiniowaną, gdy pierwszy raz zostanie jej przypisana wartość. Co ciekawe, w odróżnieniu od innych języków programowania, nie trzeba określać typu zmiennej. Dzięki temu zmienna znakowa może przybrać wartość liczbową! Można też odczytać wartość zmiennej nieokreślonej, czyli takiej, która jeszcze ani razu nie była używana. W takim wypadku, otrzymamy wartość "undefined".

[na górę]

Co należy wiedzieć o nazwach zmiennych?

Nazwa zmiennej musi się zaczynać od litery lub znaku podkreślenia "_". W nazwie zmiennej nie mogą występować spacje. Nazwa zmiennej nie może być wartością, która ma już specjalne znaczenie w JS. Należy pamiętać, że JS rozróżnia wielkie i małe litery oraz że nazwy zmiennych nie zapisujemy w cudzysłowach.

[na górę]

Jaką wartość może przybrać zmienna?

1) Wartość liczbowa:
Zwykła liczba, np. 128 lub -128 lub 13.4. Jak widzicie, aby zapisać liczbę ułamkową stosujemy kropkę, a nie - jak w matematyce - przecinek.

2) Łańcuch znakowy
Łańcuch znakowy, czy szeroko rozpowszechniony, angielski string to ciąg dowolnych znaków, który nie ma żadnych ograniczeń, co do zawartości i długości. Stringi muszą zawsze być objęte parą cudzysłowów, lub apostrofów. Wewnątrz łańcucha można używać cudzysłowów, ale ze wzgłedu na to, że cudzysłowia oznaczają też początek i koniec łancucha, trzeba poprzedzać je znakiem: \. Dodatkowo, wyrażenie \n oznacza przejście do następnej linii. Do sklejania stringów służy znak +. Przykład:

string_1 = "samo";
string_2 = "lot";
string_3 = string_1 + string_2;

A więc zmienna string_3 otrzyma wartość sklejoną ze zmiennych string_1 i string_2, czyli "samolot". Taki sam wynik otrzymamy w wyrażeniu:

string_1 = "samo";
string_2 = string_1 + "lot";


3) Wartość logiczna (Boolowska)
Wartość logiczna, to prawda lub fałsz. W JS jest to: true i false. Przykładowo, zmiennej PELE_jest_super można przyporządkować wartość true :)))))))).

4) Wartość null
Wartość null używa się, aby zaznaczyć, że danej zmiennej chwilowo nie jest przyporządkowana żadna określona wartość.

[na górę]

Jak przyporządkować wartość zmiennej?

W JS znakiem przyporządkowania jest = (dla porównania, w Pascalu jest to: :=). Pewnie się teraz zastanawiacie, jak w takim razie zapisujemy znak równości (czyli pascalowskie =)... Używamy do tego: ==. Jak zwykle przykładzik przypisania:

kacik = "Programista";
ilosc_prowadzacych = 2;
zarobek = false;
uwagi = null;

Warto przy tym wspomnieć, że kolejne instrukcje w JS są oddzielane średnikami. Przyjęło się, że deklarację zmiennej poprzedza się słowem var (z ang. variable - zmienna) (to też jak w pascalu :) -Brego):

var nowa_zmienna = null;

Inna sprawa związana ze słowem var wygląda następująco. Jeśli definicję zmiennej umieścimy wewnątrz funkcji i poprzedzimy ją słowem var, to ta zmienna nie będzie dostępna dla innych funkcji. Pozwala to deklarować w każdej funkcji zmienną o tej samej nazwie bez żadnej kolizji oznaczeń. Jeśli natomiast nie użyjemy słowa var to zostanie utworzona (lub zmodyfikowana) zmienna globalna i będzie dostępna dla wszystkich funkcji.

[na górę]

Operatory

Operatory to polecenia przetwarzające zmienną lub zmienne i zwracające wynik. Operatory w językach programowania, działają dokładnie w ten sam sposób, jak w matematyce.

1) Binarne operatory arytmetyczne
Z tymi operatorami nie powinniście mieć najmniejszych kłopotów:
OperatorOpis
+dodawanie
-odejmowanie
*mnożenie
/dzielenie
%dzielenie modulo
Myślę, że spośród tych operatorów, tylko ten ostatni może Wam sprawić kłopot. Więc, żeby nie było nieporozumień, dzielenie modulo to nic innego, jak reszta z dzielenia jednej liczby przez drugą. Te operatory stosuje się dokładnie tak samo, jak w matematyce:

wynik = liczba operator liczba

2) Unarne operatory arytmetyczne
Unarne operatory arytmetyczne różnią się od binarnych tym, że działanie wykonane jest tylko na jednej liczbie. Spośród unarnych operatorów arytmetycznych wyróżniamy:

a) Inkrementacja i dekrementacja
Jeżeli same nazwy Was przeraziły, to szybko spieszę, aby powiedzieć, że jest to odpowiednio: zwiększanie i zmniejszanie o 1. Inkrementacja wygląda tak:

zmienna++

Jest to odpowiednikiem wyrażenia:

zmienna = zmienna + 1

Dekrementacja natomiast wygląda tak:

zmienna--

To z kolei jest odpowiednikiem

zmienna = zmienna - 1


b) Negacja
Negacja służy do zamiany liczby dodatniej na ujemną lub odwrotnie. Do negacji służy znak: -. Przykładzik:

-zmienna


3) Operatory przypisania
O najprostszym z operatorów przypisania już pisałem. Był to =. Są jeszcze inne operatory przypisania, będące w zasadzie tylko skrótem. Łączą one w sobie przypisanie i działanie arytmetyczne. Są to:
PrzypisanieRównoważne przypisanie
a+=ba=a+b
a-=ba=a-b
a*=ba=a*b
a/=ba=a/b
a%=ba=a%b

4) Operatory porównania
Operatory porównania są to wyrażenia typu: większe od, równe itd. Wszystko wyjaśni poniższa tabelka:
OperatorOpis
==równa się
!=różne od
>większe od
<mniejsze od
>=niemniejsze od
<=niewiększe od

5) Operatory logiczne
Operatory logiczne są to: "i", "albo", "nie". W JS zapisujemy je jako: &&, ||, !. Przykład zaczerpnięty z literatury :)) :

być || !być

[na górę]

Co w następnym numerze?

A w następnym numerze napiszę małe co nieco (Kubuś Puchatek rulez! :)) o funkcjach, instrukcjach warunkowych i pętlach... Już teraz zapraszam! Aha - jeżeli chcecie ze mną porozmawiać "na żywo", to jestem w każdy piątek o 21 na #actionmag (lub na #programista ;) -Brego). Do zobaczenia!

PELE

[na górę]