Kompresja kodu JS – Shrinksafe

Shrinksafe jest aplikacją napisaną w Javie [o otwartych źródłach], dzięki której można zmniejszyć rozmiar plików JS wysyłanych do przeglądarki.

Jak to działa?

Javascript jest językiem parsowanym po stronie przeglądarki. Kod:

[javascript]var nazwaZmiennejBardzoDluga                =                     1; // komentarz sialalalala
alert(nazwaZmiennejBardzoDluga);[/javascript]

w wyniku nie różni się niczym od takiego kodu:

[javascript]var a=1;alert(a)[/javascript]

Oba wyświetlą w wyniku alert z komunikatem „1”. Czytaj dalej Kompresja kodu JS – Shrinksafe

Kompresja kodu JS

JavaScript jest językiem skryptowym. Zamiast kompilacji, podczas której kompilator może [i najczęściej to robi] dokonać optymalizacji, w JS istnieje jedynie interpretacja [w trakcie wykonania]. Powoduje to, że o ile nazwanie zmiennej

[javascript]var obiekOdpowiedzialnyZaFunkcjonalnośćABC; // tu komentarz[/javascript]

w normalnych przypadkach uznalibyśmy za coś poprawnego, to w JS jest dobre tylko na czas prac deweloperskich. Później spowalnia naszą stronę. Zobaczmy wady i zalety.

Zalety:

  • kod jest samokomentujący. Nazwa zmiennej mówi do czego ma być używana
  • komentarz dodatkowo może tłumaczyć zawiłości lub dziwne przypadki

Czytaj dalej Kompresja kodu JS

Zasięg zmiennych – domknięcia JS

Javascript jak każdy znany mi język programowania posiada zmienne. Posiada także zasięg zmiennych. Jednak dla programistów przyzwyczajonych do C (Javy, C++, C#) zasada działania zasięgu zmiennych może okazać się mylna…

Prosty kod

[javascript]var x = 10;
function example()
{
var x = "To w ogóle inny typ!";
alert(x);
}

alert(x);
example();[/javascript]

Powyższy kod wyświetli:

[text]10
To w ogóle inny typ![/text]

Póki co żadnych niespodzianek. Czego jednak spodziewasz się w takim wypadku: Czytaj dalej Zasięg zmiennych – domknięcia JS

Skrócony zapis if

Z pewnością nie raz używałeś instrukcji warunkowej if. Niekoniecznie musiałeś programować w JS, aby się z warunkami spotkać. Często warunki w programie stanowią największą część kodu (choć czasem może to oznaczać, że kod jest źle napisany). Czy muszą zajmować aż tyle miejsca? Nie…

Normalny if wygląda tak:

[javascript]if (warunek) {
// wykonaj
} else {
// wykonaj co innego
}[/javascript]

Jeśli to, co ma zostać wykonane ma jedynie jedną linię kodu, np: Czytaj dalej Skrócony zapis if

Operatory porównań w JS

W JS typ danych jest bardziej podpowiedzią dla programisty niż jakimkolwiek limitem. Na przykład taki kod:

[javascript]var a = 12;
a = "To jest string";[/javascript]

Nie wywoła błędu. Zmienna to po prostu pudełko, co w nią włożymy to tam będzie.

Co jeśli będziemy chcieli porównać dwie wartości?

[javascript]var a = 10,
    b = '10';
if (a == b) { alert('są równe'); }[/javascript]

Czy oby jednak naprawdę są równe… Jedna zmienna jest liczbą, a druga ciągiem znaków.

I tu właśnie wchodzi operator „identyczności”  `===”. Czytaj dalej Operatory porównań w JS

Funkcje anonimowe w JS

JS jako jeden z najbardziej ekspresyjnych języków posiada ciekawy i często wygodny mechanizm funkcji anonimowych.

Polega to na tworzeniu funkcji, które nie mają nazwy i są jakby przypisane do konkretnego miejsca w kodzie.

Spójrzmy na przykład (wykorzystanie zwykłych funkcji):

[javascript]function example1()
{
    alert("example 1");
}

function example2()
{
    // tu cos robimy
    return example1();
}

example2();[/javascript]

Czytaj dalej Funkcje anonimowe w JS

Różne sposoby konkatencji stringów w JS

Jest kilka sposobów na łączenie cięgów znaków. W tym artykule opiszę 3.

Sposób I – „optymistyczny”

Optymistyczny dlatego, że używa się samych plusów.

[javascript]var string_1 = 'Ala ma ';
var string_2 = 'kota';
alert(string_1 + string_2);[/javascript]

Korzystając z tej metody pamiętaj o różnych niespodziankach związanych z wykorzystywaniem operatora `+’, który jest też wykorzystywany do dodawania liczb. Czytaj dalej Różne sposoby konkatencji stringów w JS

Konkatenacja stringów w JS

Polecam nowszy wpis:

W JS operatorem łączącym dwa stringi [ciągi znaków] jest ‚+’. W prostych wygląda to tak:

[javascript]var string_1 = „To jest”;
var string_2 = „tekst”;

alert(string_1 + ‚ ‚ + string_2);
// można oczywiście połączyć to też tak:
// alert(string_1 + string_2);[/javascript]

W wyniku tego kodu otrzymamy alert wyświetlający: „To jest tekst”. Czytaj dalej Konkatenacja stringów w JS