WSTĘP
JavaScript
Więcej na:
http://plotkarka.eu/PI/js/preludium.html
http://plotkarka.eu/PI/html5/suplement.html
Skryptowy język programowania.
Kod skryptu zapisujemy w pliku o rozszerzeniu .js
<script src="skrypt.js"></script>
lub bezpośrednio w stronie w elemencie script dokumentu HTML, który może być umieszczony w elemencie head lub body.
Do uruchomienia skryptu JavaScript wymagane jest przeglądarka internetowa. Wykonanie kodu wymaga interpretowania.
Więcej na:
http://plotkarka.eu/PI/js/preludium.html
http://plotkarka.eu/PI/html5/suplement.html
KONWENCJE
W języku JavaScript wielkość liter ma znaczenie. Instrukcje oddzielamy średnikiem ; który na końcu linii jest opcjonalny.KOMENTARZE
- jednoliniowy: // tekst komentarza
- wieloliniowy: /* tekst komentarza */
INNE
- nowa linia: \n
Więcej na: http://plotkarka.eu/PI/js/conlex.html
TYPY ZMIENNYCH
- Undefined - wartość
undefined
- Null - wartość
null
- Boolean - wartości:
true
ifalse
- String - ciąg znaków w cudzysłowiu " " lub ' '
- Number - liczby całkowite, wymierne (separatorem dziesiętnym jest kropka, dopuszcza się inne zapisy np. szesnastkowy z x )
- Object - obiekty języka EcmaScript i DOM
Deklarację zmiennej poprzedzamy
var
(w trybie ścisłym obowiązkowo).Typ zmiennej w języku JavaScript zostaje określony poprzez przypisanie wartości.
Więcej na: http://plotkarka.eu/PI/js/types.html
WYRAŻENIA
o = {a:x, b:y} - obiekty. Odwołujemy się przez o.a, b.yt = [a, b] - tablice (indeksujemy od zera). Odwołujemy się przez t[i], gdzie i jest indeksem elementu.
/ / - regularne (porównywanie ze wzorcem)
OPERATORY
Dodawanie (+)
Operator dodawania zwraca sumę argumentów lub jeśli chociaż jeden argument był łańcuchem znaków, ich konkatenacje.
Odejmowanie (-)
Operator odejmowania zwraca różnicę między odjemną, a odjemnikiem.Mnożenie (*)
Operator mnożenia zwraca iloczyn czynników.
Dzielenie (/)
Operator dzielenia zwraca iloraz. Po lewej stronie jest dzielna, a po prawej dzielnik.Dzielenie modulo (%)
Operator modulo zwraca resztę z dzielenia pierwszej liczby przez drugą.Inkrementacja (++)
Operator inkrementacji zwiększa o 1 wartość argumentu i zwraca taką wartość.
Dekrementacja (--)
- Przyrostek (x++) będzie działał jako postinkrementacja, zwracana wartość nie będzie powiększona.
- Przedrostek (++x) będzie działał jako preinkrementacja, zwracana wartość będzie powiększona.
Operator dekrementacji zmniejsza o 1 wartość argumentu i zwraca taką wartość.
- Przyrostek (x--) będzie działał jako postdekrementacja, zwracana wartość nie będzie pomniejszona.
- Przedrostek (--x) będzie działał jako predekrementacja, zwracana wartość będzie pomniejszona.
Operatory przypisania
podstawowy (=), mieszane (+=), (*=), (-=), (/=)
np. x+=y <=> x=x+y
Operatory porównania
równe (==), ściśle równe (===),większe (>), mniejsze (<), większe lub równe (>=), mniejsze lub równe (<=)
Operatory logiczneZwraca wartość logiczną 0 lub 1 zależną od tego, czy wartość porównania jest fałszywa czy prawdziwa.
&& - i
|| - lub
Słowa kluczowe
this
Więcej na: http://plotkarka.eu/PI/js/expressions.html
INSTRUKCJE
WARUNKOWE
if
PĘTLE
while
do while
for
Więcej na: http://plotkarka.eu/PI/js/statements.html
FUNKCJE
Funkcje definiujemy:function nazwa_funkcji(argumenty) {instrukcje}
function
return
new
Więcej na: http://plotkarka.eu/PI/js/function.html
OBIEKTY
Funkcje globalne
isNaN
NaN
parseInt()
parseFloat()
PREDEFINIOWANE
Date()
Math.max()
Math.pow()
Math.round()
- zwraca liczbę zaokrągloną do najbliższej liczby całkowitej..substring
.length
array
OBIEKTY DOM
window
prompt()
alert()
document
document.write()
document.getElementById()
document.createElement()
document.getElementsByClassName()
element
.innerHTML()
.appendChild()
.setAttribute()
.style
zdarzenia
onkeydown
ondblclick
onload
onclick
onselect
Uwaga: Hiperłącza otwierają strony dokumentacji JavaScrip MDN w języku angielskim ale większość z nich jest przetłumaczona na język polski co można sprawdzić za pomocą listy JĘZYKI.
ŹRÓDŁA
[HTML5.2]HTML5.2; W3C Recommendation, 14 December 2017;[DOM]
URL: http://www.w3.org/TR/html52/
Anne van Kesteren; et al. W3C DOM4. 19 November 2015. Recommendation[ECMA-262]
URL: https://www.w3.org/TR/dom/
ECMAScript Language Specification.
URL: https://tc39.github.io/ecma262/
Zadania: