• PROGRAMOWANIE JAVASCRIPT

Programowanie JavaScript 01

Javascript

  • Java, Scheme, Self -> LiveScript -> JavaScript (nazwa wlasna)
  • jezyk skryptowy (nie potrzebuje kompilatora, aby uruchomic kod)
  • stosowany “najczesciej” w stronach internetowych
  • usprawnia interakcje z uzytkownikiem (UX - user experience)
  • TypeScript (JS “na sterydach”)

Wieloplatformowa zorientowany obiektowo (nie klasowo) dynamicznie typowany język skyptowy. Język posiada bibliotekę standardową, w której zdefiniowano podstawowe elementy w postaci operatorów, struktur i obiektów np. Array, Math, Object.

Wprowadzenie

Komentarze

// comment

/*
#1 comment
#1 comment
*/

Deklaracje

  • var - zmienna z opcjonalną wartością
  • let - zmienna lokalna, ograniczona do bloku, w którym została utworzona
  • const - stała (readonly)
if (true) {
  var var1 = 'variable';
}
console.log(var1); // variable

if (true) {
  let let1 = 'let';
}
console.log(let1); // ReferenceError: let1 is not defined

let let2 = 'let2';
console.log(let2); // let2

if (true) {
  const const1 = 'const';
}
console.log(const1); // ReferenceError: const1 is not defined

const const2 = 'const2';
console.log(const2); // const2

Typy danych

  • Boolean - true/false
  • null
  • undefined
  • Number - 3.14 5
  • String - "ala ma kota"
  • Symbol - niepowtarzalne i niezmienne
  • Object - { ala: ‘ma kota’ }

Konwertowanie danych

20 + '5'
'20' + 5
'20' - 5
20 - '5'

Operatory

  • +
  • -
  • /
  • ++
  • --
  • -=
  • +=

parseInt() i parseFloat()

parseInt("3.14")
parseFloat("3.14")

Instrukcje blokowe

  • pętle (for/while)
  • warunki (if)

Warunki

if

if (warunek) {
  // warunek jest prawdziwy
}
else {
  // warunek nie jest prawdziwy
}

if (warunek) {
  // warunek jest prawdziwy
}
else if (warunek2){
  // warunek nie jest prawdziwy
  // warunek2 jest prawdziwy
}
else {
  // warunek nie jest prawdziwy
  // warunek2 nie jest prawdziwy
}

2 > 5 ? 'a' : 'b'
"b"
2 > 1 ? 'a' : 'b'
"a"

switch

switch (wyrażenie) {
  case identyfikator_1:
    instruckje_1
    [break;]
  case identyfikator_2:
    instrukcje_2
    [break;]
    ...
  default:
    instruckje_def
    [break;]
}

Wartości false

  • false
  • 0
  • null
  • undefined
  • NaN
  • ""

throw, try-catch-finally

throw

Tworzy nowy wyjątek.

throw "Joe Doe"

try-catch-finally

try {
   throw "Jane Doe"
}
catch(err) {
   console.error(err)
}
finally {
   console.log("Nie znam Jane Doe")
}

Loops

for

var step;
for (step = 0; step < 5; step++) {
  console.log('Step: ' + step);
}

while

while (true) {
  console.log(1)
}

do-while

var step = 0;
do {
  step += 1
  console.log(step)
} while (step < 5)

break i continue

var step = 0;
do {
  step += 1
  if (step === 3) {
    break
  }
  console.log(step)
} while (step < 5)

step = 0;
midStep = 0;
while (step < 4) {
  step++;
  if (step == 3) {
    continue;
  }
  midStep += step;
}
console.log(step, midStep)

function

function square(number) {
  return number * number;
}
square(3) // 9

Uruchamianie

  • przeglądarka (web developer tools)
  • nodejs

Ćwiczenia

  • uruchomić przykłady