Što je JavaScript i kako radi?

Što je JavaScript i kako radi?

JavaScript je postao glavni dio modernog web razvoja. Ovaj moćni jezik razvio se u bitan alat za razumijevanje bilo kojeg web programera.





JavaScript ima posebne značajke koje ga razlikuju od tradicionalnih programskih jezika. Istražit ćemo što je to, kako funkcionira i što možete učiniti s njim. Hajde da to raščlanimo.



Što je JavaScript?

JavaScript je skriptni jezik za web. To je interpretirani jezik, što znači da mu nije potreban prevoditelj za prevođenje koda poput C ili C ++. JavaScript kôd radi izravno u web pregledniku.





Najnovija verzija jezika je ECMAScript 2018 koja je objavljena u lipnju 2018.

igranje gamecube igara na wii u

JavaScript radi s HTML -om i CSS -om za izradu web aplikacija ili web stranica. JavaScript podržavaju većina modernih web preglednika kao što su Google Chrome, Firefox, Safari, Microsoft Edge, Opera itd. Većina mobilnih preglednika za Android i iPhone sada podržava i JavaScript.



JavaScript kontrolira dinamičke elemente web stranica. Radi u web preglednicima, a u novije vrijeme i na web poslužiteljima. Sučelje aplikacijskog programiranja (API) također podržava JavaScript, što vam daje više funkcionalnosti.

Razumijevanje svih načina na koji JavaScript funkcionira malo je lakše ako razumijete kako funkcionira web programiranje, pa hajde da saznamo više.



Blokovi za izgradnju web aplikacija

Tri su komponente koje grade web stranice i aplikacije: jezik za označavanje hiperteksta (HTML), kaskadne tablice stilova (CSS) i JavaScript. Svaki od njih ima svoju ulogu u stvaranju web aplikacije.

  • HTML je jezik za označavanje koji stvara kostur web stranice. Svi odlomci, odjeljci, slike, naslovi i tekst napisani su u HTML -u. Sadržaj se na web stranici prikazuje redoslijedom u HTML -u.
  • CSS kontrolira stil i dodatne aspekte izgleda. CSS se koristi za kreiranje dizajna web stranice stvarajući boje, fontove, stupce, obrube itd. Potrebno je web mjesto od elemenata običnog teksta do šarenog dizajna.
  • Treći element je JavaScript. HTML i CSS stvaraju strukturu, ali od toga ne rade ništa. JavaScript stvara dinamičku aktivnost u vašoj aplikaciji. Skriptiranje u JavaScript -u je ono što kontrolira funkcije kada se pritisnu gumbi, kako se provjera autentičnosti obrazaca lozinke, kako se kontrolira medij.

Sva tri dijela međusobno surađuju u stvaranju aplikacija u punoj veličini. Bilo bi dobro da saznate više o HTML -u i CSS -u ako im se ne sviđate u potpunosti.



Kako JavaScript funkcionira?

Prije pisanja JavaScripta važno je znati kako radi ispod haube. Postoje dva važna dijela o kojima treba naučiti: Kako funkcionira web preglednik i Objektni model dokumenta (DOM).

Web preglednik učitava web stranicu, analizira HTML i od sadržaja stvara ono što je poznato kao objektni model dokumenta (DOM). DOM predstavlja JavaScript u živom prikazu web stranice.

Preglednik će tada dohvatiti sve što je povezano s HTML -om, poput slika i CSS datoteka. CSS informacije dolaze od CSS raščlanjivača.

HTML i CSS sastavlja DOM kako bi prvo stvorio web stranicu. Zatim, JavaScript mehanizam preglednika učitava JavaScript datoteke i umetnuti kôd, ali ne pokreće kôd odmah. Čeka se da HTML i CSS završe učitavanje.

Kada se to učini, JavaScript se izvršava redoslijedom pisanja koda. To dovodi do toga da se DOM ažurira JavaScript kodom i iscrtava preglednik.

Ovdje je redoslijed važan. Da JavaScript nije čekao da dovrše HTML i CSS, ne bi mogao promijeniti DOM elemente.

Što mogu učiniti sa JavaScriptom?

JavaScript je punopravni programski jezik koji može učiniti većinu uobičajenog jezika poput Pythona. To uključuje:

kako napisati skripte za Windows
  • Deklariranje varijabli.
  • Pohranjivanje i dohvaćanje vrijednosti.
  • Definiranje i pozivanje funkcija, uključujući funkcije strelica .
  • Definiranje JavaScript objekata i klasa.
  • Učitavanje i korištenje vanjskih modula.
  • Pisanje upravljača događajima koji reagiraju na događaje klika.
  • Pisanje koda poslužitelja.
  • I mnogo više.

Upozorenje: Budući da je JavaScript tako moćan jezik, moguće je i pisati zlonamjerni softver, viruse i hakove preglednika kako bi ih nanijeli korisnicima. Oni se kreću od krađe kolačića preglednika, lozinki, kreditnih kartica do preuzimanja virusa na vaše računalo.

Korištenje JavaScripta

Pogledajmo neke osnove JavaScripta s primjerima koda.

Deklariranje varijabli

JavaScript se dinamički upisuje, što znači da ne morate deklarirati vrstu svojih varijabli u svom kodu.

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

Operateri

Dodatak

12 + 5
>> 17

Oduzimanje

20 - 8
>> 12

Množenje

5 * 2
>> 10

Podjela

50 / 2
>> 25

Modul

45 % 4
>> 1

Nizovi

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

Funkcije

JavaScript može pisati funkcije, evo jednostavne funkcije koja dodaje brojeve.

kako popraviti dodirni zaslon tableta koji ne reagira
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Petlje

JavaScript može izvoditi petlje za ponavljanje, poput petlji za petlje i dok petlje.

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!

Komentari

// 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 web stranici

Najčešći način učitavanja JavaScripta na web stranicu je korištenje skripta HTML oznaka. Ovisno o vašim zahtjevima, možete koristiti jednu od sljedećih metoda.

  • Učitajte vanjsku JavaScript datoteku na web stranicu na sljedeći način: | _+_ |
  • Cijeli URL možete navesti ako javascript dolazi s druge domene s web stranice na sljedeći način: | _+_ |
  • JavaScript se može izravno ugraditi u HTML. Ovdje je | _+_ |

Osim ovih metoda, postoje načini učitavanja JavaScript koda na zahtjev. Zapravo, postoje okviri namijenjeni učitavanju i izvođenju JavaScript modula s odgovarajućim ovisnostima riješenima u vrijeme izvođenja.

To su naprednije teme, sada učite osnove.

Primjeri isječaka JavaScript koda

Evo nekoliko jednostavnih uzoraka JavaScript koda koji ilustriraju kako se koristi na web stranicama. Ovo su primjeri koda koji rade s DOM -om.

  • Sljedeće odabire sve podebljano elemente u dokumentu i postavlja boju prve na crvenu. | _+_ |
  • Želite promijeniti sliku u img označiti? Sljedeće povezuje upravljač događajima za klik događaj gumba. | _+_ |
  • Ažurirajte tekstualni sadržaj odlomka ( str ) element? Postavi unutarnji HTML svojstvo elementa kao što je prikazano: | _+_ |

Ovi uzorci koda nude samo uvid u ono što možete učiniti pomoću JavaScripta na svojoj web stranici. Postoji mnogo vodiča koji vas mogu naučiti kodiranju za početak. Možete ga isprobati na bilo kojoj web stranici, čak i na ovoj! Otvorite svoju konzolu i isprobajte neki JavaScript kod.

Sada znate što radi JavaScript

Nadajmo se da je ovaj uvod donio neke uvide u JavaScript i uzbudio vas oko programiranja weba. Možete sve sažeti naš zgodan JavaScript cheat sheet . O JavaScriptu možete naučiti još mnogo toga. Nakon što se osjećate ugodnije, zašto ne biste pokušali naučiti koristiti Document Object Model? Možda će vas zanimati i učenje o TypeScript -u.

Udio Udio Cvrkut E -pošta Kako očistiti računalo sa sustavom Windows pomoću naredbenog retka

Ako na vašem Windows računalu nedostaje prostora za pohranu, očistite smeće pomoću ovih brzih pomoćnih programa naredbenog retka.

Pročitajte Dalje Povezane teme
  • Objašnjena tehnologija
  • Programiranje
  • Web razvoj
  • JavaScript
  • Skriptiranje
O autoru Anthony Grant(Objavljeno 40 članaka)

Anthony Grant je slobodni pisac koji se bavi programiranjem i softverom. On je glavni informatičar koji se bavi programiranjem, Excelom, softverom i tehnologijom.

Više od Anthonyja Granta

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu