Język programowania javascript: struktura, funkcje, nauka

JavaScript, w skrócie JS, jest interpretowanym język programowania, więc nie trzeba go kompilować. Wyewoluował z Javy i jest używany w głównie dla Jak tworzyć strony internetowe. JS został opracowany ze składnią podobną do C, choć przyjmuje nazwy i konwencje języka programowania Java. Jednak Java i JS mają inną semantykę i cele, co wpływa na sposób działania JavaScript. Jest on najczęściej używany w formularzach po stronie klienta, zaimplementowanych jako część przeglądarki internetowej, co poprawia interfejs użytkownika i dynamiczne strony internetowe. Istnieje forma JavaScript po stronie serwera lub SSJS, która jest używana w aplikacjach zewnętrznych do sieci, takich jak dokumenty PDF i widżety.

Historia powstania JavaScript

Wieloparadygmatowy język programowania JS. Został opracowany przez Amerykanów jeszcze w latach 90. Został założony przez Brendana Icke z Netscape z oryginalną nazwą Mocha, później przemianowany na LiveScript, a następnie JavaScript. Zmiana ta zbiegła się z czasem, gdy Netscape dodał obsługę Javy w swojej przeglądarce internetowej, Netscape Navigator w wersji 2, w grudniu 1995 r.002. Nazwa wywołała zamieszanie, sprawiając wrażenie, że język jest rozszerzeniem Javy i przez wielu została opisana jako strategia marketingowa Netscape`a, mająca na celu zdobycie prestiżu i innowacyjności w zakresie nowych języków programowania sieciowego.

JavaScript jest zastrzeżonym znakiem towarowym firmy Oracle Corporation. Jest on używany z licencją w produktach tworzonych przez Netscape Communications i obecne organizacje, takie jak Fundacja Mozilla, kierowana przez Brendana Icke`a. Microsoft stworzył swój JS -dialog JScript jako nazwę, aby uniknąć problemów z brandingiem. JScript został przyjęty w wersji 3.0 Internet Explorer, wydany w sierpniu 1996 roku, i zawierał kompatybilność z programem Effect 2000. Dialekty wydają się tak podobne, że terminy JavaScript i JScript są często używane zamiennie, ale specyfikacja JScript jest niezgodna z ECMA na wiele sposobów.

Oficjalna specyfikacja

W 1997 roku autorzy zaproponowali, aby JavaScript został przyjęty jako standard ECMA dla Europejskiego Stowarzyszenia Producentów Komputerów. Został przyjęty jako ECMAScript w czerwcu 1997 roku, a niedługo potem także jako ISO/IEC-1622.

Specyfikacja języka rządzącego JavaScriptem nazywa się ECMAScript. Struktura Ecma International zajmująca się przeglądem i przyjmowaniem zmian nosi nazwę Komitetu Technicznego 39, lub TC39. ECMA opublikowała kilka standardów związanych z ECMAScriptem. W czerwcu 1997 r. ukazało się pierwsze wydanie. Rok później wprowadzono drobne zmiany dostosowujące ją do normy ISO/IEC-16262 i powstało drugie wydanie. Trzeci standard został opublikowany w grudniu 1999 roku, w wersji używanej w nowoczesnych przeglądarkach.Czwarta odmiana ECMA-262 nie została wydana, piąta pojawiła się w 2009 roku, a następnie została ponownie wydana w 2011 roku. Wersja 6 została wydana w 2015 roku, a następnie była corocznie aktualizowana. Najnowsza wersja 9 została wydana w 2018 r.

Kandydaci do ECMAScript 2019 są już gotowi, a oferta TC39 jest na etapie 4, jej wydanie spodziewane jest w czerwcu tego roku. Możesz wypróbować nowość już dziś, z niektórymi funkcjami osadzonymi w JavaScript w narzędziach. Jeśli są one domyślnie wyłączone, można je łatwo włączyć w ustawieniach przeglądarki. Standardy są opisane bardziej szczegółowo w książkach o języku JavaScript, które można pobrać za darmo w Internecie ze specjalistycznych stron.

JS po stronie serwera

Netscape wprowadził implementację skryptów po stronie serwera dla Netscape Enterprise Server w grudniu 1994 roku, krótko po wydaniu JavaScript dla przeglądarek internetowych. Od połowy 2000 roku pojawiło się wiele implementacji JS po stronie serwera. Węzeł.js jest jednym wybitnym przykładem, który jest używany w ważnych projektach.

Język programowania JavaScript stał się jeden z najbardziej popularnych języki w sieci. Początkowo wielu deweloperów odrzucało ją. Pojawienie się Ajaxa przywróciło JS do sławy i przyciągnęło uwagę innych programistów. Spowodowało to rozwój zestawu frameworków i bibliotek ogólnego przeznaczenia. To poprawiło techniki programowania przy użyciu języka i zwiększyło wykorzystanie JS poza przeglądarkami internetowymi, jak widać przez rozprzestrzenianie się frameworków JavaScript po stronie serwera.

Konieczne i zorganizowane

JavaScript jest kompatybilny z większością ram programowych C, np. używając instrukcji if, pętli for, zdań switch i innych. W JavaScript w wersji 1.7 dodano wsparcie dla definiowania objętości bloku za pomocą słowa kluczowego let. Podobnie jak w C, JS rozróżnia wyrażenia i zdania. Różnicą składniową w stosunku do C jest automatyczne wstawianie średników, tzn. w JS można pominąć te, które kończą zdania.

Jak w większości języków skryptowych, typ jest związany z wartością, a nie ze zmienną. Język programowania JavaScript obsługuje na kilka sposobów kontrole typu obiektu. Jednym z nich jest znalezienie się poprzez słowo kluczowe typeofObjetual.

JS składa się prawie w całości z obiektów - tablic asocjacyjnych, wzbogaconych o użycie prototypów. Właściwości i ich wartości mogą być tworzone, zmieniane/usuwane w czasie rzeczywistym. Większość z nich jest zawarta w łańcuchu dziedziczenia i jest wyliczana za pomocą instrukcji pętli for... w. JS ma niewielką liczbę predefiniowanych obiektów, takich jak Functiony Date.

Funkcje pierwszej klasy

JavaScript zawiera funkcję eval, która umożliwia obliczanie wyrażeń w jako ciągi w czasie pracy. Zaleca się stosowanie go ostrożnie, lepiej jest używać JSON.parse() tak często jak to możliwe, ponieważ jest to znacznie bezpieczniejsze.

Funkcje klasy pierwszej posiadają właściwości i metody, np .wywołać() i .bind(). Funkcja zagnieżdżona to taka, która jest zdefiniowana w innej, która jest tworzona przy każdym wywołaniu funkcji zewnętrznej. Ponadto każdy z nich tworzy domknięcie, które jest wynikiem oceny dziedziny zawierającej jedną lub więcej zmiennych zależnych z innego środowiska zewnętrznego, w tym stałe, zmienne lokalne i argumenty funkcji wywołującej. Wynik oceny określonego zamknięcia jest częścią wewnętrznego stanu obiektu, nawet po tym, jak zewnętrzna funkcja zakończy swój.

Prototypy zamiast klas

JS stosuje prototypy zamiast klas, aby wykorzystać dziedziczenie. Wiele funkcji, dostarczanych przez klasy w językach obiektowych, można emulować za pomocą prototypów.

Funkcje zachowują się również jak konstruktory. Prefiks wywołania ze słowem kluczowym new tworzy nową instancję prototypu, która dziedziczy właściwości i metody z konstruktora, w tym obiekt. ECMAScript 5 oferuje metodę Object.Create, co pozwala na utworzenie instancji bez konieczności automatycznego dziedziczenia po Object. We wcześniejszych środowiskach prototypy mogą być tworzone jako null. Właściwość prototypu konstruktora określa obiekt, dla nowo tworzonego wewnętrznego prototypu. Nowe metody mogą być dodawane poprzez modyfikację prototypu obiektu, jako konstruktor.

Środowisko uruchomieniowe

Język programowania JavaScript zwykle zależy od środowiska uruchomieniowego, takiego jak przeglądarka internetowa, aby zaoferować obiekty i metody, których skrypty mogą używać do interakcji ze "światem zewnętrznym". W rzeczywistości to od środowiska zależy włączenie lub import skryptów, np. w HTML za pomocą tagu. To nie jest funkcja językowa, ale jest powszechna w większości implementacji JS.

Można do niego przekazać niezdefiniowaną liczbę parametrów. Uzyskuje do nich dostęp poprzez parametry lub obiekt lokalny. Funkcję można utworzyć za pomocą metody .apply(). W przeciwieństwie do wielu języków zorientowanych obiektowo, nie ma rozróżnienia między definicją funkcji a definicją metody. Występuje raczej podczas wywołania funkcji, która może być wykonana jako metoda ze słowem kluczowym this - zmienna lokalna obiektu, który wywołał funkcję.

Podobnie jak w przypadku wielu języków skryptowych, tablice i obiekty mogą być tworzone za pomocą skróconej składni, więc programista powinien zawsze mieć pod ręką elementarz JavaScript. W rzeczywistości te literały stanowią podstawę formatu danych JSON. JavaScript obsługuje również wyrażenia regularne podobne do Perla, które zapewniają zwięzłą i potężną składnię do przetwarzania tekstu, bardziej złożoną niż funkcje osadzone w obiektach łańcuchowych.

Różnice: Java & JavaScript

Język JS bardzo różni się od Javy, JavaScript ma o wiele więcej funkcji. Chociaż jest to obiektowy język programowania, nie posiada dziedziczenia, w przeciwieństwie do Javy, więc JS jest językiem sterowanym zdarzeniami.

Inna różnica między tymi dwoma językami polega na tym, że podczas gdy Java może tworzyć samodzielne aplikacje, takie jak aplety, które zawierają strony internetowe, JavaScript jest osadzony w sieci, stanowiąc część kodu HTML, bez którego nie może istnieć.

Oba języki dzielą wiele z tej samej składni, struktury, ustanawiają hierarchię obiektów w celu określenia ich właściwości i innych elementów, które mają języki C i C ++.

Możesz umieścić kod JavaScript w dowolnej stronie internetowej lub HTML, tak jak serwer w dokumentach PHP. Umieść ten kod w znacznikach HTML, np, . JS rozróżnia duże i małe litery, i jest najczęściej używany do tworzenia dynamicznych stron internetowych.

Dołączanie języka do dokumentów XHTML

Integracja JavaScript i XHTML jest bardzo elastyczna, istnieje min, trzy sposoby umieszczać kod na stronach internetowych.

Algorytm działania:

1. Umieszczanie kodu JavaScript między etykietami i dodawanie go do dowolnej części dokumentu. Zalecamy zdefiniowanie kodu w nagłówku dokumentu.
2. Aby wynikowa strona XHTML była poprawna, należy dodać do znacznika atrybut type. Zawarte wartości są znormalizowane, a dla przypadku JS poprawną wartością jest text/javascript.
3. Ta metoda jest używana przy definiowaniu małego bloku kodu lub gdy chcesz umieścić konkretne domyślne instrukcje w dokumencie HTML strony internetowej. Główną wadą jest to, że jeśli trzeba dokonać zmian w bloku kodu, trzeba zmodyfikować wszystkie strony, które go zawierają. Złożoność metody wymaga od programistów nauki programowania od podstaw.
4. Instrukcje JS mogą być zawarte w zewnętrznym pliku, takim jak JavaScript, do którego dokumenty XHTML odwołują się poprzez znacznik. Wszystkie niezbędne pliki mogą być utworzone, a każdy dokument XHTML będzie łączył tyle plików, ile potrzeba.

Dokument XHTML.

Oprócz atrybutu type, druga metoda wymaga atrybutu src, który wskazuje adres URL odpowiadający plikowi JS. Każdy znacznik może wiązać tylko jeden plik, ale na tej samej stronie można umieścić dowolną liczbę znaczników.

Pliki JS są zwykłymi dokumentami tekstowymi z .rozszerzenie js, a można je stworzyć za pomocą dowolnego edytora tekstu, np "Notatnik", Wordpad, EmEditor i UltraEdit.

Kod strony XHTML

Ta ostatnia metoda jest rzadziej stosowana, ponieważ zawiera fragmenty JS w kodzie strony XHTML. Główną wadą tej metody jest to, że niepotrzebnie XHTML utrudnia serwowanie JS. Ogólnie rzecz biorąc, metoda ta jest używana tylko do definiowania niektórych zdarzeń.

Niektóre przeglądarki nie mają pełnej obsługi JS, inne pozwalają na częściowe blokowanie. Są też użytkownicy, którzy całkowicie blokują JS, bo uważają, że jest niebezpieczny.

W takich przypadkach, jeśli strona internetowa wymaga JS do działania, pojawia się komunikat ostrzegawczy informujący, który powinien aktywować JS.

HTML definiuje znacznik do wyświetlania komunikatu dla użytkownika, gdy jego przeglądarka nie potrafi JS.

Cechy i ograniczenia

JS zawsze był szeroko stosowany przez większość stron internetowych od początku. Pojawienie się Flasha zmniejszyło jego popularność, ponieważ umożliwiał on działania, których JS nie mógł.

Jednak pojawienie się aplikacji AJAX zaprogramowanych w JavaScript przywróciło popularność tego języka. Jeśli chodzi o ograniczenia, został on zaprojektowany do funkcjonowania w środowisku, które pozwoliłoby użytkownikom zaufać wykonywaniu skryptów JavaScript od podstaw.

Dzięki temu skrypty JS nie mogą wchodzić w interakcje z zasobami spoza domeny, z której skrypt został pobrany. Skrypty nie mogą zamykać okien, które nie zostały otwarte, a utworzone okna nie mogą być zbyt małe lub zbyt duże i umieszczone poza zasięgiem wzroku.

Ponadto skrypty nie mają dostępu do plików na komputerze w trybie odczytu lub zapisu oraz nie mogą odczytywać lub modyfikować ustawień przeglądarki. Wreszcie, jeśli skrypt długo się uruchamia, np. z powodu błędu programistycznego, przeglądarka informuje użytkownika, że skrypt zużywa dużo zasobów i daje możliwość przerwania jego wykonywania.

Najnowsze dostępne przeglądarki zawierają wsparcie dla JS do wersji 3 standardu ECMA-262. Niespotykana popularność JS jako języka programowania dla aplikacji internetowych została rozszerzona na inne, niezwiązane ze stroną internetową aplikacje i środowiska. Narzędzia takie jak Adobe Acrobat pozwalają na umieszczanie kodu JS w plikach PDF. Inne narzędzia Adobe, takie jak Flash i Flex, używają ActionScript, dialektu tego samego standardu JS. Photoshop pozwala na tworzenie małych skryptów za pomocą JS, a Java w wersji 6 zawiera nowy pakiet (o nazwie javax.skrypt), który umożliwia integrację obu języków.

Używanie przeglądarki

JavaScript umożliwia prawidłowe działanie funkcji email Benchmark. Dlatego użytkownik Trzeba wiedzieć, Jak skonfigurować JavaScript dla Windows w przeglądarce.

Internet Explorer 8/9:

1. Otwórz okno przeglądarki Internet Explorer.
2. Naciśnij Narzędzia na górnym pasku menu i wybierz Opcje internetowe lub naciśnij klawisz Alt.
3. Wybierz kartę Bezpieczeństwo.
4. Naciśnij przycisk poziomu niestandardowego.
5. Przewijaj listę opcji, aż pojawi się nazwa skryptów.
6. Ustaw "Enable Scripts" na "On".".
7. Naciśnij "OK" na każdym z dwóch kolejnych ekranów, aby potwierdzić zmianę.

Przeglądarka Firefox 3.6+:

1. Otwórz okno przeglądarki Firefox.
2. Kliknij na Narzędzia na górnym pasku menu i wybierz "Opcje".
3. Wybierz ikonę zawartości w górnej części wyświetlonego okna.
4. Zaznacz pole wyboru Włącz JavaScript.
5. Naciśnij "OK", aby potwierdzić zmianę.

JavaScript od podstaw dla Chrome 7+:

1. Kliknij na ikonę klucza sprzętowego na pasku narzędzi przeglądarki.
2. Wybierz opcje.
3. Kliknij na zakładkę "Zaawansowane".
4. Klikasz na Ustawienia zawartości pod "Prywatność".
5. Prasa JS.
6. Wybierz "Zezwalaj wszystkim witrynom na uruchamianie JS" (zalecane).
7. Kliknij Zamknij.

Wszystkie nowoczesne przeglądarki interpretują zintegrowany kod JavaScript na stronach internetowych. JS implementacja języka Document Object Model (DOM) do interakcji ze stroną internetową. Tradycyjnie był on używany na stronach internetowych HTML do operacji i tylko w obrębie aplikacji klienckiej, bez dostępu do funkcji serwera. Obecnie jest szeroko stosowany do wysyłania i odbierania informacji z serwera, wraz z innymi technologiami, takimi jak AJAX.