Kaj je JavaScript in kako deluje?

Kaj je JavaScript in kako deluje?

JavaScript je postal glavna sestavina sodobnega spletnega razvoja. Ta močan jezik se je razvil v bistveno orodje za razumevanje katerega koli spletnega razvijalca.





JavaScript ima posebne funkcije, ki ga razlikujejo od tradicionalnih programskih jezikov. Preučili bomo, kaj je to, kako deluje in kaj lahko storite z njim. Razčlenimo.



Kaj je JavaScript?

JavaScript je skriptni jezik za splet. Je interpretiran jezik, kar pomeni, da za prevajanje kode, kot sta C ali C ++, ne potrebuje prevajalnika. Koda JavaScript se izvaja neposredno v spletnem brskalniku.





Najnovejša različica jezika je ECMAScript 2018, ki je izšla junija 2018.

prepovedano, da nimate dovoljenja za dostop

JavaScript deluje s HTML in CSS za izdelavo spletnih aplikacij ali spletnih strani. JavaScript podpira večina sodobnih spletnih brskalnikov, kot so Google Chrome, Firefox, Safari, Microsoft Edge, Opera itd. Večina mobilnih brskalnikov za Android in iPhone zdaj podpira tudi JavaScript.



JavaScript nadzoruje dinamične elemente spletnih strani. Deluje v spletnih brskalnikih, v zadnjem času pa tudi na spletnih strežnikih. JavaScript podpira tudi vmesnike za programiranje aplikacij (API), kar vam daje več funkcionalnosti.

Razumevanje vseh načinov delovanja JavaScript je nekoliko lažje, če razumete, kako deluje spletno programiranje, zato se naučimo več.



Gradniki spletnih aplikacij

Spletne strani in aplikacije sestavljajo tri komponente: jezik za označevanje hiperteksta (HTML), kaskadne slogovne liste (CSS) in JavaScript. Vsak ima svojo vlogo pri ustvarjanju spletne aplikacije.

  • HTML je označevalni jezik, ki ustvarja okostje spletne strani. Vsi odstavki, odseki, slike, naslovi in ​​besedilo so napisani v HTML. Vsebina je na spletnem mestu prikazana v vrstnem redu, v katerem je napisana v HTML.
  • CSS nadzoruje slog in dodatne vidike postavitve. CSS se uporablja za ustvarjanje zasnove spletnega mesta, ki ustvarja barve, pisave, stolpce, obrobe itd. Spletno mesto popelje od elementov navadnega besedila do barvitih modelov.
  • Tretji element je JavaScript. HTML in CSS ustvarita strukturo, od tam pa ne naredita ničesar. JavaScript ustvarja dinamično dejavnost v vaši aplikaciji. Skriptiranje v JavaScriptu je tisto, kar nadzoruje funkcije, ko kliknete gumbe, kako preverimo pristnost obrazcev gesla, kako nadziramo medije.

Vsi trije deli med seboj usklajeno ustvarjajo obsežne aplikacije. Če vam nista povsem všeč, bi bilo dobro izvedeti več o HTML in CSS.



Kako deluje JavaScript?

Preden napišete JavaScript, je pomembno vedeti, kako deluje pod pokrovom. Spoznati morate dva pomembna dela: Kako deluje spletni brskalnik in Objektni model dokumenta (DOM).

Spletni brskalnik naloži spletno stran, razčleni HTML in iz vsebine ustvari tako imenovani objektni model dokumenta (DOM). DOM vaši kodi JavaScript predstavi ogled spletne strani v živo.

Brskalnik bo nato zajel vse, kar je povezano s HTML -jem, na primer slike in datoteke CSS. Informacije CSS prihajajo iz razčlenjevalnika CSS.

HTML in CSS sestavi DOM, da najprej ustvari spletno stran. Nato motor JavaScript brskalnikov naloži datoteke JavaScript in vdelano kodo, vendar kode ne zažene takoj. Počaka, da se nalaganje HTML in CSS konča.

Ko je to storjeno, se JavaScript izvede v vrstnem redu zapisa kode. Posledično se DOM posodobi s kodo JavaScript in upodobi brskalnik.

Tu je vrstni red pomemben. Če JavaScript ne bi čakal, da se HTML in CSS končata, ne bi mogel spremeniti elementov DOM.

Kaj lahko storim z JavaScript?

JavaScript je polnopravni programski jezik, ki lahko naredi večino stvari, ki jih zmore običajen jezik, kot je Python. Tej vključujejo:

kako ustvariti oblake v Photoshopu
  • Razglasitev spremenljivk.
  • Shranjevanje in pridobivanje vrednosti.
  • Določanje in priklic funkcij, vključno z puščice .
  • Določanje objektov in razredov JavaScript.
  • Nalaganje in uporaba zunanjih modulov.
  • Pisanje vodnikov dogodkov, ki se odzivajo na dogodke klika.
  • Pisanje kode strežnika.
  • In veliko več.

Opozorilo: Ker je JavaScript tako močan jezik, je možno pisati tudi zlonamerno programsko opremo, viruse in vdore brskalnikov, da bi jih nanesli uporabnikom. Ti segajo od kraje piškotkov brskalnika, gesel, kreditnih kartic do nalaganja virusov na vaš računalnik.

Uporaba JavaScript

Poglejmo nekaj osnov JavaScripta s primeri kode.

Razglasitev spremenljivk

JavaScript je dinamično vnesen, kar pomeni, da vam v kodi ni treba razglasiti vrste spremenljivk.

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

Operaterji

Dodatek

12 + 5
>> 17

Odštevanje

20 - 8
>> 12

Množenje

5 * 2
>> 10

Divizija

50 / 2
>> 25

Modul

45 % 4
>> 1

Nizovi

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

Funkcije

JavaScript lahko piše funkcije, tukaj je preprosta funkcija, ki dodaja številke.

Windows 10 bsod pomnilniško upravljanje
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Zanke

JavaScript lahko izvaja zanke za ponavljanje, zanke podobno za zanke in medtem ko zanke.

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!

Komentarji

// 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 spletni strani

Najpogostejši način nalaganja JavaScripta na spletno stran je uporaba skript Oznaka HTML. Glede na vaše zahteve lahko uporabite eno od naslednjih metod.

  • Naložite zunanjo datoteko JavaScript na spletno stran na naslednji način: | _+_ |
  • Celoten URL lahko podate, če javascript iz druge domene s spletne strani: | _+_ |
  • JavaScript lahko neposredno vdelate v HTML. Tukaj je | _+_ |

Razen teh načinov obstajajo načini nalaganja kode JavaScript na zahtevo. Pravzaprav obstajajo okviri, namenjeni nalaganju in izvajanju modulov JavaScript z ustreznimi odvisnostmi, razrešenimi med izvajanjem.

To so naprednejše teme, zdaj se učite osnov.

Vzorčni delčki kode JavaScript

Tukaj je nekaj preprostih vzorcev kode JavaScript, ki ponazarjajo, kako se uporablja na spletnih straneh. To so primeri kode, ki deluje z DOM.

  • Naslednje izbere vse krepko elementov v dokumentu in barvo prvega nastavi na rdečo. | _+_ |
  • Želite spremeniti sliko v img oznaka? Naslednje povezuje upravljavec dogodkov za kliknite dogodek gumba. | _+_ |
  • Posodobite besedilno vsebino odstavka ( str ) element? Nastavite innerHTML lastnosti elementa, kot je prikazano: | _+_ |

Ti vzorčni kodi ponujajo le vpogled v to, kaj lahko storite z uporabo JavaScript na svoji spletni strani. Obstaja veliko vaj, ki vas lahko naučijo kodirati, da začnete. Lahko ga preizkusite na kateri koli spletni strani, tudi na tej! Odprite konzolo in preizkusite kodo JavaScript.

Zdaj veste, kaj počne JavaScript

Upajmo, da je ta uvod prinesel nekaj vpogleda v JavaScript in vas navdušil nad spletnim programiranjem. Vse lahko povzameš naš priročen JavaScript goljufanje . O JavaScript se lahko naučite še veliko več. Ko se počutite bolj udobno, zakaj se ne bi poskusili naučiti uporabljati objektnega modela dokumenta? Morda vas bo zanimalo tudi spoznavanje TypeScript.

Deliti Deliti Cvrkutati E-naslov Kako očistiti računalnik z operacijskim sistemom Windows z ukaznim pozivom

Če v računalniku z operacijskim sistemom Windows primanjkuje prostora za shranjevanje, jih očistite s temi hitrimi pripomočki ukaznega poziva.

Preberite Naprej Sorodne teme
  • Pojasnjena tehnologija
  • Programiranje
  • Spletni razvoj
  • JavaScript
  • Skriptiranje
O avtorju Anthony Grant(40 objavljenih člankov)

Anthony Grant je samostojni pisatelj, ki pokriva programiranje in programsko opremo. Je glavni računalnik, ki se ukvarja s programiranjem, Excelom, programsko opremo in tehnologijo.

Več od Anthonyja Granta

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, da se naročite