Warning: Undefined array key "HTTPS" in /home/server671968/ftp/migracja/maciejdobruchowski.com/public_html/maciejdobruchowskipl/wp-content/plugins/click-jacker/includes/functions.php(1) : eval()'d code on line 7
javascript Archives - Nupas-Cadmatic Hull Ekspert

Cadmatic-Hull Ekspert

Tag: javascript

Mapowanie w JavaScript
Mapowanie można wykożystać do podmiany nazwy własności na inną nazwę. Działa ono w następujący sposób.

Na początek tworzymy stałą lub zmienną zawierającą obiekt:
```
const  myMap = {
     className : "class"
}
```
W naszym przykładzie chcemy, aby jeśli podane zostanie className zostało ono zamienione na class. Uzyskamy to stosując operację logiczną or czyli ||
```
let atr = "className"
console.log(myMap[atr] || atr)
//wynik "class"

let atr = "id"
console.log(myMap[atr] || atr)
//wynik "id"
```
Oczywiście stała myMap może zawierać wiele przypisań elementów i w ten sposób podmieniać można różne rzeczy.
October 10, 2017
Funkcje w Javascript
Funkcja jest to blok kodu zawierający jedną lub wiele instrukcji wykonujących zadanie. Składnia podstawowa:
```
function test () {
  alert('Hello World');
} //end of function
```
Instrukcje wewnątrz funkcji nie są uruchamiane dopóki funkcja nie zostanie wywołana. Wywołanie powyższej funkcji realizowane jest przez instrukcję:
```
test();
```
Rezultatem będzie pojawienie się okna z napisem ‘Hello World’

Do funkcji możemy przekazywać wartości i używać ich w instrukcjach wewnątrz funkcji.
```
function test(userName) {
  alert('Hello World from ' + userName);
} //end of the function

test('Jan');
```
Funkcje mogą również zwracać wartości
```
function test(sonAge) {
  var x = sonAge + 20;
  return x;
} //end of the function

var motherAge = test(12);
alert('Wiek matki to '+ motherAge);
```
September 3, 2017
JSON – Tam i spowrotem
Przetwarzanie łańcucha JSON (JavaScriptObjectNotation) do obiektu i spowrotem do łańcucha JSON.

Zaczniemy od utworzenia pustego kontenera JSON. Wewnątrz nawiasów klamrowych wstawiamy pary pustych łańcuchów:
```
{"":"", "":""}
```
Teraz umieścimy przykładowe dane
```
{"favColor":"brązowy","favSeason":"jesień"}
```
Mamy kompletną strukturę JSON. Teraz powinniśmy przypisać ją do jakieś zmiennej. Ponieważ będzie to zmienna typu string nawiasy klamrowe musimy umieścić jeszcze wewnątrz pojedynczych apostrofów. Dodajemy również kończący linię średnik.
```
var start = '{"favColor":"brązowy","favSeason":"jesień"}';
```
Teraz zamienimy łańcuch JSON na obiekt przy pomocy metody parse. W następujący sposób:
```
var myObject = JSON.parse(start);
```
Rezultat możemy sprawdzić w konsoli.
```
console.log(myObject);
```
Cały kod wpisany do pliku main.js wygląda następująco:
```
var start = '{"favColor":"brązowy","favSeason":"jesień"}';

var myObject = JSON.parse(start);

console.log(myObject);
```
Po uruchomieniu tego kodu, w konsoli zobaczymy jako rezultat obiekt
```
Object { favColor: "brązowy", favSeason: "jesień" }
```
Teraz możemy zrobić operację odwrotną. To znaczy zamienić obiekt na string w formacie JSON przy pomocy metody stringify.
```
var myString = JSON.stringify(myObject);
```
Testujemy rezultat tej operacji w konsoli:
```
console.log(myString);
```
Otrzymany rezultat to:
```
{"favColor":"brązowy","favSeason":"jesień"}
```
August 27, 2017
Pierwszy program TypeScript
Jak zainstalować TypeScript i napisać swój pierwszy program?

(Zakładam, że mamy zainstalowany Node.js i Visual Studio Code)

Aby zainstalować TypeScript otwieramy konsolę i wpisujemy:
```
npm install -g typescript
```
Aby sprawdzić wersję typescript wpisujemy następującą komendę:
```
tsc --version
```
Teraz utworzymy nowy katalog dla naszego programu. W konsoli wpisujemy:
```
mkdir ts-hello
```
Następnie przechodzimy do tego folderu wpisując:
```
cd ts-hello/
```
Utworzymy tutaj nowy plik i otworzymy go jednocześnie w Visual Studio Code. W tym celu w konsoli wpisujemy:
```
code main.ts
```
Plik main.ts zostanie wyświetlony w programie Visual Studio Code.

W języku TypeScript działają wszystkie komendy javascript, możemy sobie to sprawdzić wpisując prosty program javascript:
```
function log(message) {
        console.log(message);
}

var message = 'Hello World';

log(message);
```
Zapisujemy plik. Teraz wracamy do konsoli gdzie musimy przetranspilować plik type script do JavaScript. W tym celu wpisujemy:
```
tsc main.ts
```
W katalogu powstaje plik main.js

Ponieważ używaliśmy tylko języka javascript jego zawartość jest identyczna jak pliku main.ts

Możemy teraz uruchomić plik main.js używając node. W tym celu pisujemy w konsoli:
```
node main.js
```
W konsoli pojawia się
```
Hello World
```
August 24, 2017