logo

TechCodeview

Naucz się samouczka JavaScript

Samouczek JavaScript

Nasz Samouczek JavaScript przeznaczony jest zarówno dla początkujących, jak i profesjonalistów. JavaScript służy do tworzenia dynamicznych stron po stronie klienta.

JavaScript jest obiektowy język skryptowy który jest lekki i wieloplatformowy.

JavaScript nie jest językiem skompilowanym, ale językiem przetłumaczonym. Tłumacz JavaScript (wbudowany w przeglądarkę) odpowiada za tłumaczenie kodu JavaScript dla przeglądarki internetowej.

Co to jest JavaScript

JavaScript (js) to lekki, obiektowy język programowania, używany przez kilka witryn internetowych do tworzenia skryptów na stronach internetowych. Jest to interpretowany, w pełni rozwinięty język programowania, który umożliwia dynamiczną interakcję na stronach internetowych po zastosowaniu do dokumentu HTML. Został wprowadzony w 1995 roku w celu dodawania programów do stron internetowych w przeglądarce Netscape Navigator. Od tego czasu został przyjęty przez wszystkie inne graficzne przeglądarki internetowe. Dzięki JavaScript użytkownicy mogą tworzyć nowoczesne aplikacje internetowe umożliwiające bezpośrednią interakcję bez konieczności ponownego ładowania strony za każdym razem. Tradycyjna strona internetowa wykorzystuje js, aby zapewnić kilka form interaktywności i prostoty.

przekonwertować ciąg na datę

Chociaż JavaScript nie ma połączenia z językiem programowania Java. Nazwa została zaproponowana i podana w czasach, gdy Java zyskiwała na rynku popularność. Oprócz przeglądarek internetowych bazy danych takie jak CouchDB i MongoDB używają JavaScript jako języka skryptowego i zapytań.

Funkcje JavaScriptu

Istnieją następujące funkcje JavaScript:

  1. Wszystkie popularne przeglądarki internetowe obsługują JavaScript, ponieważ zapewniają wbudowane środowiska wykonawcze.
  2. JavaScript jest zgodny ze składnią i strukturą języka programowania C. Jest to zatem ustrukturyzowany język programowania.
  3. JavaScript jest językiem słabo typowanym, w którym pewne typy są rzutowane niejawnie (w zależności od operacji).
  4. JavaScript to obiektowy język programowania, który do dziedziczenia używa prototypów, a nie klas.
  5. Jest to język lekki i interpretowany.
  6. Jest to język, w którym rozróżniana jest wielkość liter.
  7. JavaScript jest obsługiwany w kilku systemach operacyjnych, w tym Windows, macOS itp.
  8. Zapewnia dobrą kontrolę użytkownikom nad przeglądarkami internetowymi.

Historia JavaScriptu

W 1993 r. Mozaika powstała pierwsza popularna przeglądarka internetowa. w rok 1994 , Netscape została założona przez Marca Andreessena . Zdał sobie sprawę, że sieć musi stać się bardziej dynamiczna. Dlatego uważano, że do HTML dodano „język klejący”, który ułatwia projektowanie stron internetowych projektantom i programistom pracującym w niepełnym wymiarze godzin. W związku z tym w 1995 roku firma przeprowadziła rekrutację Brendana Eicha zamierzający zaimplementować i osadzić język programowania Scheme w przeglądarce. Ale zanim Brendan mógł zacząć, firma połączyła się z Mikrosystemy Sun za dodanie języka Java do swojego Nawigatora, aby mógł konkurować z firmą Microsoft w zakresie technologii i platform internetowych. Były tam dwa języki: Java i język skryptowy. Co więcej, Netscape zdecydował się nadać językowi skryptowemu podobną nazwę jak Java. Doprowadziło to do „Javascript”. Wreszcie w maju 1995 roku Marc Andreessen ukuł pierwszy kod JavaScript nazwany „ Mokka '. Później zespół marketingowy zastąpił nazwę na „ LiveScript '. Jednak ze względu na znaki towarowe i z pewnych innych powodów w grudniu 1995 roku ostatecznie zmieniono nazwę języka na „JavaScript”. Od tego momentu powstał JavaScript.

Zastosowanie JavaScriptu

JavaScript służy do tworzenia interaktywnych stron internetowych. Stosowany jest głównie do:

  • Walidacja po stronie klienta,
  • Dynamiczne menu rozwijane,
  • Wyświetlanie daty i godziny,
  • Wyświetlanie wyskakujących okienek i okien dialogowych (takich jak okno dialogowe alertów, okno dialogowe potwierdzenia i okno dialogowe podpowiedzi),
  • Wyświetlanie zegarów itp.

Przykład JavaScriptu

 document.write('Hello JavaScript by JavaScript');
Przetestuj teraz

Szczegółowe wyjaśnienie pierwszego przykładu JavaScript znajduje się w następnym rozdziale.

Indeks JavaScriptu

Samouczek JavaScript

Podstawy JavaScriptu

Obiekty JavaScriptu

Zestawienie komponentów JavaScript

  • Obiekty przeglądarki
  • 1) Obiekt Okno
  • 2) Obiekt historyczny
  • 3) Obiekt Nawigatora
  • 4) Obiekt ekranowy

DOM JavaScriptu

  • 5) Przedmiot dokumentu
  • pobierzElementById
  • pobierzElementyByName
  • getElementsByTagName
  • Właściwość internalHTML JavaScript
  • Właściwość wewnętrznego tekstu JavaScript

Walidacja JavaScriptu

Operacje OOP JavaScriptu

  • Klasa JavaScriptu
  • Obiekt JavaScript
  • Prototyp JavaScriptu
  • Konstruktor JavaScript Metoda
  • Metoda statyczna JavaScript
  • Enkapsulacja JavaScriptu
  • Dziedziczenie JavaScriptu
  • Polimorfizm JavaScriptu
  • Abstrakcja JavaScriptu

Pliki cookie JavaScript

Wydarzenia JavaScriptu

    Zdarzenia HTML/DOM

JavaScript Różne

  • JavaScript to słowo kluczowe
  • Debugowanie JavaScriptu
  • Podnoszenie JavaScriptu
  • Tryb ścisły JavaScript

Zaawansowany JavaScript

Diana Ankudinowa
  • Tablica wpisana w JavaScript
  • Zestaw JavaScript
  • Mapa JavaScriptu
  • Słaby zestaw JavaScript
  • Słaba mapa JavaScript

Pytania do wywiadu

  • Pytania do rozmowy kwalifikacyjnej JavaScript

Metody JavaScriptu

Obiekt tablicy JavaScript

Obiekt DataView JavaScript

  • Widok danych JavaScript
  • Metoda DataView getFloat32().
  • Metoda DataView getFloat64().
  • Metoda DataView getInt8().
  • Metoda DataView getInt16().
  • Metoda DataView getInt32().
  • Metoda DataView getUint8().
  • Metoda DataView getUint16().
  • Metoda DataView getUint32().

Obiekt funkcji JavaScript

  • Funkcja JavaScriptu
  • Metoda Apply() funkcji
  • Metoda bind() funkcji
  • Metoda wywołania funkcji ().
  • Funkcja toString() metoda

Obiekt daty JavaScript

  • Data JavaScriptu
  • metoda getDate() daty
  • metoda getDay() daty
  • metoda getFullYears() daty
  • metoda getHours() daty
  • metoda getMillisekund() daty
  • metoda getMinutes() daty
  • metoda getMonth() daty
  • metoda getSeconds() daty
  • metoda getUTCDate() daty
  • metoda getUTCDay() daty
  • metoda getUTCFullYears().
  • metoda getUTCHours() daty
  • metoda getUTCMinutes() daty
  • metoda getUTCMonth() daty
  • metoda getUTCSekunds().
  • metoda setDate() daty
  • metoda setDay() daty
  • metoda setFullYears().
  • metoda setHours() daty
  • metoda ustawiania datyMillisekundy().
  • metoda setMinutes() daty
  • metoda ustawiania datyMiesiąc().
  • metoda setSeconds() daty
  • metoda ustawiania datyUTCDate().
  • metoda ustawiania datyUTCDay().
  • metoda ustawiania datyUTCFullYears().
  • metoda ustawiania datyUTCHours().
  • metoda ustawiania datyUTCMillisekund().
  • metoda ustawiania datyUTCMinutes().
  • metoda ustawiania datyUTCMonth().
  • metoda ustawiania daty UTCSeconds().
  • date toDateString() metoda
  • date do metody ISOString().
  • date do metody JSON().
  • metoda date toString().
  • date toTimeString() metoda
  • metoda date toUTCString().
  • metoda wartości daty().

Obiekt obsługi JavaScript

  • Obsługa JavaScript
  • metoda obsługi Apply().
  • metoda obsługi konstrukcji().
  • metoda obsługidefiniProperty().
  • metoda obsługi usuwaniaProperty().
  • metoda obsługi get().
  • metoda obsługi getOwnPropertyDescriptor().
  • metoda obsługi getPrototypeOf().
  • handler ma metodę ().
  • metoda obsługi isExtensible().
  • obsługa metody ownKeys().
  • metoda obsługi zapobieganiaExtensions().
  • metoda obsługi set().
  • metoda obsługi setPrototypeOf().

Obiekt JSON JavaScriptu

Oświadczenie w sprawie Verilog
  • JavaScript JSON
  • Metoda JSON.parse().
  • Metoda JSON.stringify().

Obiekt mapy JavaScript

  • Mapa JavaScriptu
  • Metoda czyszczenia mapy ().
  • Metoda usuwania mapy ().
  • Metoda map wpisów().
  • Mapuj metodę forEach().
  • Mapa metody get().
  • Mapa ma metodę().
  • Metoda mapowania kluczy().
  • Metoda set() mapy
  • Metoda mapowania wartości().

Obiekt matematyczny JavaScript

  • Matematyka w JavaScript
  • Metoda matematyczna abs().
  • Metoda matematyczna acos().
  • Metoda matematyczna asin().
  • Metoda matematyczna atan().
  • Metoda matematyczna cbrt().
  • Metoda matematyczna ceil().
  • Metoda matematyczna cos().
  • Metoda matematyczna cosh().
  • Metoda matematyczna exp().
  • Metoda matematyczna Floor().
  • Metoda matematyczna hipot().
  • Metoda matematyczna log().
  • Metoda matematyczna max().
  • Metoda matematyczna min().
  • Metoda matematyczna pow().
  • Metoda matematyczna losowa().
  • Metoda matematyczna round().
  • Metoda znaku matematycznego().
  • Metoda matematyczna sin().
  • Metoda matematyczna sinh().
  • Metoda matematyczna sqrt().
  • Metoda matematyczna tan().
  • Metoda matematyczna tanh().
  • Metoda matematyczna trunc().

Obiekt liczbowy JavaScript

  • Numer JavaScript
  • Metoda Number isFinite().
  • Metoda Number isInteger().
  • Metoda parseFloat() liczbowa
  • Metoda parseInt() liczbowa
  • Metoda Number toExponential().
  • Metoda Number toFixed().
  • Metoda Number toPrecision().
  • Metoda Number toString().

Obiekt RegExp JavaScript

  • JavaScript RegExp
  • Metoda RegExp.exec().
  • Metoda RegExp.test().
  • Metoda RegExp.toString().

Obiekt JavaScript

  • Obiekt JavaScript
  • Metoda obiektu.przypisz().
  • Metoda Object.create().
  • Metoda Object.defineProperty().
  • Metoda Object.defineProperties().
  • Metoda obiektu.entries().
  • Metoda obiektu.freeze().
  • getOwnPropertyDescriptor().
  • getOwnPropertyDescriptors().
  • getOwnPropertyNames() metoda
  • getOwnPropertySymbols().
  • Metoda Object.getPrototypeOf().
  • Metoda Object.is().
  • zapobiegaj rozszerzeniom().
  • Metoda obiektu.seal().
  • Metoda Object.setPrototypeOf().
  • Metoda Object.values().

JavaScript odzwierciedla obiekt

  • Odbicie JavaScriptu
  • Metoda Reflect.apply().
  • Metoda Reflect.construct().
  • Metoda Reflect.defineProperty().
  • Metoda Reflect.deleteProperty().
  • Metoda Reflect.get().
  • getOwnPropertyDescriptor().
  • Metoda Reflect.getPrototypeOf().
  • Metoda Reflect.has().
  • Metoda Reflect.isExtensible().
  • Metoda Reflect.ownKeys().
  • zapobiegaj rozszerzeniom().
  • Metoda Reflect.set().
  • Metoda Reflect.setPrototypeOf().

Obiekt zestawu JavaScript

Obiekt ciągu JavaScript

  • Metoda string charAt().
  • Metoda string charAt().
  • Metoda string charCodeAt().
  • Metoda string concat().
  • Metoda string IndexOf().
  • Metoda string lastIndexOf().
  • Metoda wyszukiwania ciągów().
  • Dopasowanie ciągu()
  • Metoda zamiany ciągu().
  • Metoda string substr().
  • Metoda podciągu string().
  • Metoda String Slice().
  • Metoda String toLowerCase().
  • toLocaleLowerCase().
  • Metoda String toUpperCase().
  • toLocaleUpperCase().
  • Metoda String toString().
  • Metoda string valueOf().

Obiekt symbolu JavaScript

  • Symbol JavaScriptu
  • Metoda Symbol.for().
  • Metoda Symbol.keyFor().
  • Metoda Symbol.toString().

Właściwość symbolu

  • Właściwość Symbol.hasInstance
  • isConcatSpreadable Właściwość
  • Właściwość Symbol.match
  • Symbol.prototype Właściwość
  • Symbol.replace Właściwość
  • Właściwość wyszukiwania symboli
  • Właściwość Symbol.split
  • Właściwość Symbol.toStringTag
  • Symbol.unscopables Właściwość

Obiekt TypedArray JavaScript

  • Tablica wpisana w JavaScript
  • Metoda typedArray copyWithin().
  • Metoda wpisów TypedArray().
  • Metoda TypedArray Every().
  • Metoda wypełnienia TypedArray().
  • Metoda filter() TypedArray
  • Metoda find() typu TypedArray
  • Metoda TypedArray findIndex().
  • Metoda TypedArray forEach().
  • Metoda TypedArray zawiera().
  • Metoda Indexof() TypedArray
  • Metoda JoindArray Join().
  • Metoda TypedArray Keys().
  • Metoda TypedArray lastIndexof().
  • Metoda map() TypedArray
  • Metoda TypedArray redukcji().
  • Metoda TypedArray redukcjiRight().
  • Metoda Reverse() TypedArray
  • Metoda set() TypedArray
  • Metoda TypedArray Slice().
  • Metoda TypedArray Some().
  • Metoda sortowania TypedArray().
  • Metoda subarray() TypedArray
  • Metoda TypedArray wartości().
  • toLocaleString().
  • Metoda TypedArray toString().

Obiekt słabej mapy JavaScript

iteracyjna mapa Java
  • Słaba mapa JavaScript
  • Metoda usuwania słabej mapy ().
  • Metoda WeakMap get().
  • WeakMap ma metodę ().
  • Metoda WeakMap set().

Obiekt słabego zestawu JavaScript

  • Słaby zestaw JavaScript
  • Słaba metoda add().
  • Słaba metoda usuwania().
  • WeakSet ma metodę ().

Warunek wstępny

Zanim dogłębnie nauczysz się JavaScriptu, musisz posiadać podstawową wiedzę na temat HTML.

Publiczność

Opracowaliśmy ten samouczek JavaScript zarówno dla początkujących, jak i profesjonalistów. Podano wiele przykładów z edytorem JavaScript. Możesz więc łatwo edytować swój kod JavaScript, co pomoże Ci łatwo nauczyć się JavaScript.

Problem

Zapewniamy, że w naszym tutorialu JavaScript nie znajdziesz żadnego problemu. Jeśli jednak znajdziesz jakiś błąd, możesz opublikować go w naszej sekcji komentarzy.