Co to jest JavaScript i jak działa?

Co to jest JavaScript i jak działa?

JavaScript stał się podstawą nowoczesnego tworzenia stron internetowych. Ten potężny język przekształcił się w podstawowe narzędzie do zrozumienia dla każdego twórcy stron internetowych.





JavaScript posiada specjalne cechy, które odróżniają go od tradycyjnych języków programowania. Zastanowimy się, co to jest, jak działa i co można z tym zrobić. Rozbijmy to.



Co to jest JavaScript?

JavaScript to język skryptowy dla sieci. Jest to język interpretowany, co oznacza, że ​​nie potrzebuje kompilatora do tłumaczenia swojego kodu, takiego jak C lub C++. Kod JavaScript działa bezpośrednio w przeglądarce internetowej.





Najnowszą wersją języka jest ECMAScript 2018, który został wydany w czerwcu 2018 roku.

udostępniaj pliki między komputerami Mac i PC

JavaScript współpracuje z HTML i CSS do tworzenia aplikacji internetowych lub stron internetowych. JavaScript jest obsługiwany przez większość nowoczesnych przeglądarek internetowych, takich jak Google Chrome, Firefox, Safari, Microsoft Edge, Opera itp. Większość przeglądarek mobilnych na Androida i iPhone'a obsługuje teraz również JavaScript.



JavaScript kontroluje dynamiczne elementy stron internetowych. Działa w przeglądarkach internetowych, a ostatnio również na serwerach internetowych. Interfejsy programowania aplikacji (API) są również obsługiwane przez JavaScript, co zapewnia większą funkcjonalność.

Zrozumienie wszystkich sposobów działania JavaScriptu jest trochę łatwiejsze, gdy zrozumiesz, jak działa programowanie internetowe, więc dowiedzmy się więcej.



Bloki konstrukcyjne aplikacji internetowych

Istnieją trzy komponenty, które tworzą strony internetowe i aplikacje: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) i JavaScript. Każdy z nich odgrywa rolę w tworzeniu aplikacji internetowej.

  • HTML to język znaczników, który tworzy szkielet strony internetowej. Wszystkie paragrafy, sekcje, obrazy, nagłówki i tekst są napisane w HTML. Treść pojawia się na stronie w kolejności, w jakiej są napisane w HTML.
  • CSS kontroluje styl i dodatkowe aspekty układu. CSS służy do tworzenia projektu strony internetowej, tworząc kolory, czcionki, kolumny, obramowania itp. Przenosi stronę od zwykłych elementów tekstowych do kolorowych projektów.
  • Trzecim elementem jest JavaScript. HTML i CSS tworzą strukturę, ale nic z tego nie robią. JavaScript tworzy dynamiczną aktywność w Twojej aplikacji. Skrypty w JavaScript są tym, co kontroluje funkcje po kliknięciu przycisków, w jaki sposób uwierzytelniane są formularze haseł, jak kontrolowane są media.

Wszystkie trzy części współpracują ze sobą, tworząc pełnowymiarowe aplikacje. Dobrym pomysłem byłoby dowiedzieć się więcej o HTML i CSS, jeśli nie czujesz się z nimi do końca zaznajomiony.



Jak działa JavaScript?

Przed napisaniem JavaScript ważne jest, aby wiedzieć, jak działa pod maską. Istnieją dwie ważne części, o których należy się dowiedzieć: Jak działa przeglądarka internetowa i Model obiektowy dokumentu (DOM).

Przeglądarka internetowa ładuje stronę internetową, analizuje kod HTML i na podstawie zawartości tworzy tak zwany obiektowy model dokumentu (DOM). DOM przedstawia podgląd strony internetowej na żywo w kodzie JavaScript.

Przeglądarka pobierze wszystko, co jest powiązane z HTML, takie jak obrazy i pliki CSS. Informacje CSS pochodzą z parsera CSS.

HTML i CSS są łączone przez DOM, aby najpierw utworzyć stronę internetową. Następnie silnik JavaScript przeglądarki ładuje pliki JavaScript i kod wbudowany, ale nie uruchamia go od razu. Czeka na zakończenie ładowania HTML i CSS.

Po wykonaniu tej czynności JavaScript jest wykonywany w kolejności, w jakiej został napisany kod. Powoduje to, że DOM jest aktualizowany przez kod JavaScript i renderowany przez przeglądarkę.

Kolejność tutaj jest ważna. Gdyby JavaScript nie czekał na zakończenie HTML i CSS, nie byłby w stanie zmienić elementów DOM.

Co mogę zrobić z JavaScriptem?

JavaScript jest pełnoprawnym językiem programowania, który może zrobić większość rzeczy, które może zrobić zwykły język, taki jak Python. Obejmują one:

jak znaleźć czyjąś listę amazonów
  • Deklarowanie zmiennych .
  • Przechowywanie i wyszukiwanie wartości.
  • Definiowanie i wywoływanie funkcji, w tym funkcje strzałek .
  • Definiowanie obiektów i klas JavaScript.
  • Ładowanie i używanie modułów zewnętrznych.
  • Pisanie programów obsługi zdarzeń, które reagują na zdarzenia kliknięcia.
  • Pisanie kodu serwera.
  • I wiele więcej.

Ostrzeżenie: Ponieważ JavaScript jest tak potężnym językiem , możliwe jest również pisanie złośliwego oprogramowania, wirusów i hacków przeglądarki, które zadają je użytkownikom. Obejmują one kradzież plików cookie przeglądarki, haseł, kart kredytowych po pobieranie wirusów na komputer.

Korzystanie z JavaScript

Przyjrzyjmy się podstawom JavaScript z przykładami kodu.

Deklarowanie zmiennych

JavaScript jest typowany dynamicznie, co oznacza, że ​​nie musisz deklarować typu zmiennych w swoim kodzie.

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

Operatorzy

Dodatek

12 + 5
>> 17

Odejmowanie

20 - 8
>> 12

Mnożenie

5 * 2
>> 10

Podział

50 / 2
>> 25

Moduł

45 % 4
>> 1

Tablice

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

Funkcje

JavaScript może pisać funkcje, oto prosta funkcja, która dodaje liczby.

jak wstrzymać muzykę na airpodach
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Pętle

JavaScript może wykonywać pętle do iteracji, pętle takie jak na pętle oraz pętle podczas.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

Uwagi

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

Na stronie internetowej

Najpopularniejszym sposobem ładowania JavaScript na stronie internetowej jest użycie scenariusz Znacznik HTML. W zależności od wymagań możesz skorzystać z jednej z poniższych metod.

  • Załaduj zewnętrzny plik JavaScript na stronę internetową w następujący sposób: |_+_|
  • Możesz podać pełny adres URL, jeśli JavaScript pochodzi z innej domeny niż strona internetowa w następujący sposób: |_+_|
  • JavaScript może być bezpośrednio osadzony w kodzie HTML. Oto |_+_|

Poza tymi metodami istnieją sposoby ładowania kodu JavaScript na żądanie. W rzeczywistości istnieją frameworki przeznaczone do ładowania i uruchamiania modułów JavaScript z odpowiednimi zależnościami rozwiązywanymi w czasie wykonywania.

To są bardziej zaawansowane tematy, teraz uczysz się podstaw.

Przykładowe fragmenty kodu JavaScript

Oto kilka prostych przykładów kodu JavaScript, aby zilustrować, w jaki sposób jest on używany na stronach internetowych. To są przykłady kodu, które działają z DOM.

  • Poniższe wybiera wszystkie pogrubiony w dokumencie i ustawia kolor pierwszego na czerwony. |_+_|
  • Chcesz zmienić obraz w obrazek etykietka? Poniższe kojarzy procedurę obsługi zdarzeń dla Kliknij zdarzenie przycisku. |_+_|
  • Zaktualizuj zawartość tekstową akapitu ( P ) element? Ustaw wewnętrznyHTML właściwość elementu, jak pokazano: |_+_|

Te przykłady kodu dają tylko wgląd w to, co możesz zrobić za pomocą JavaScript na swojej stronie internetowej. Istnieje wiele samouczków, które mogą nauczyć Cię, jak kodować, aby zacząć. Możesz go wypróbować na dowolnej stronie internetowej, nawet tej! Otwórz konsolę i wypróbuj kod JavaScript.

Teraz wiesz, co robi JavaScript

Mamy nadzieję, że to wprowadzenie przyniosło trochę wglądu w JavaScript i sprawi, że będziesz podekscytowany programowaniem internetowym. Możesz to wszystko podsumować w nasza podręczna ściągawka JavaScript . Jest dużo więcej do nauczenia się o JavaScript. Kiedy poczujesz się bardziej komfortowo, dlaczego nie spróbować nauczyć się korzystać z Object Model dokumentu? Możesz również zainteresować się językiem TypeScript .

Udział Udział Ćwierkać E-mail Jak wyczyścić komputer z systemem Windows za pomocą wiersza polecenia

Jeśli na komputerze z systemem Windows zaczyna brakować miejsca, usuń śmieci, korzystając z tych szybkich narzędzi wiersza polecenia.

Czytaj dalej Powiązane tematy
  • Wyjaśnienie technologii
  • Programowanie
  • Tworzenie stron internetowych
  • JavaScript
  • Skrypty
O autorze Antoniego Granta(40 opublikowanych artykułów)

Anthony Grant jest niezależnym pisarzem zajmującym się programowaniem i oprogramowaniem. Jest specjalistą w dziedzinie informatyki, zajmuje się programowaniem, Excelem, oprogramowaniem i technologią.

Więcej od Anthony'ego Granta

Zapisz się do naszego newslettera

Dołącz do naszego newslettera, aby otrzymywać porady techniczne, recenzje, bezpłatne e-booki i ekskluzywne oferty!

Kliknij tutaj, aby zasubskrybować