Kas yra „JavaScript“ ir kaip jis veikia?

Skelbimas

„JavaScript“ tapo pagrindine šiuolaikinės interneto plėtros idėja. Ši galinga kalba tapo pagrindine priemone, kurią gali suprasti bet kuris interneto svetainių kūrėjas.

„JavaScript“ turi ypatingų funkcijų, dėl kurių ji skiriasi nuo tradicinių programavimo kalbų. Mes ketiname išsiaiškinti, kas tai yra, kaip jis veikia ir ką su juo galite padaryti. Išardykime.

Kas yra „JavaScript“?

„JavaScript“ yra interneto scenarijų kalba. Tai yra išaiškinta kalba, o tai reiškia, kad jai nereikia kompiliatoriaus, kad išverstų savo kodą, kaip C ar C ++. „JavaScript“ kodas veikia tiesiogiai interneto naršyklėje.

Naujausia kalbos versija yra „ECMAScript 2018“, kuri buvo išleista 2018 m. Birželio mėn.

„JavaScript“ veikia su HTML ir CSS kuriant žiniatinklio programas ar tinklalapius. „JavaScript“ palaiko dauguma šiuolaikinių interneto naršyklių, tokių kaip „Google Chrome“, „Firefox“, „Safari“, „Microsoft Edge“, „Opera“ ir kt. Daugelis mobiliųjų naršyklių, skirtų „Android“ ir „iPhone“, taip pat palaiko „JavaScript“.

„JavaScript“ kontroliuoja dinaminius tinklalapių elementus. Jis veikia žiniatinklio naršyklėse ir visai neseniai - ir interneto serveriuose. Programų programavimo sąsajas (API) taip pat palaiko „JavaScript“, suteikiančios daugiau funkcijų.

Suprasti visus „JavaScript“ veikimo būdus yra šiek tiek lengviau, kai suprantate, kaip veikia interneto programavimas, todėl sužinokime daugiau.

Žiniatinklio programų kūrimo blokai

Yra trys komponentai, kuriantys svetaines ir programas: hiperteksto žymėjimo kalba (HTML), kaskadiniai stiliaus lapai (CSS) ir „JavaScript“. Kiekvienas iš jų turi savo vaidmenį kurdamas žiniatinklio programą.

• HTML yra žymėjimo kalba, sukurianti tinklalapio skeletą. Visos pastraipos, skyriai, paveikslėliai, antraštės ir tekstas parašyti HTML. Turinys tinklalapyje rodomas tokia tvarka, kaip jie parašyti HTML.
• CSS kontroliuoja stilių ir papildomus maketo aspektus. CSS naudojama kuriant svetainės dizainą, sukuriant spalvas, šriftus, stulpelius, kraštines ir kt. Svetainė pereina nuo paprasto teksto elementų iki spalvingų dizainų.
• Trečiasis elementas yra „JavaScript“. HTML ir CSS sukuria struktūrą, tačiau jie nieko nedaro. „JavaScript“ sukuria dinamišką jūsų programos veiklą. Scenarijavimas „JavaScript“ yra tai, kas kontroliuoja funkcijas, kai paspaudžiami mygtukai, kaip nustatomos slaptažodžių formos, kaip kontroliuojama laikmena.

Visos trys dalys veikia harmoningai, sukurdamos viso masto programas. Tai būtų gera idėja Sužinokite daugiau apie HTML ir CSS Sužinokite HTML ir CSS naudodamiesi šiais „žingsnis po žingsnio“ vadovėliaisNorite sužinoti apie HTML, CSS ir „JavaScript“? Jei manote, kad jums labai patinka išmokti kurti svetaines nuo nulio - štai keletas puikių žingsnis po žingsnio vadovėlių, kuriuos verta išbandyti. Skaityti daugiau jei nesate visiškai patenkinti jais.

Kaip veikia „JavaScript“?

Prieš rašydami „JavaScript“, svarbu žinoti, kaip jis veikia po gaubtu. Yra du svarbūs dalykai, kuriuos reikia išmokti: kaip veikia interneto naršyklė ir dokumento objekto modelis (DOM).

Žiniatinklio naršyklė įkelia tinklalapį, analizuoja HTML ir iš turinio sukuria vadinamąjį dokumento objekto modelį (DOM). DOM pateikia tiesioginį tinklalapio vaizdą į „JavaScript“ kodą.

Tada naršyklė sugriebs viską, kas susieta su HTML, pavyzdžiui, vaizdus ir CSS failus. CSS informacija gaunama iš CSS analizatoriaus.

HTML ir CSS sujungia DOM, kad pirmiausia sukurtų tinklalapį. Tada naršyklių „JavaScript“ variklis įkelia „JavaScript“ failus ir įterptą kodą, bet jo nedelsdamas nepaleidžia. Laukiama, kol HTML ir CSS bus baigti įkelti.

Kai tai bus padaryta, „JavaScript“ vykdomas ta pačia tvarka, kaip kodas parašytas. Dėl to DOM atnaujinamas „JavaScript“ kodu ir pateikiamas naršyklėje.

Čia svarbi tvarka. Jei „JavaScript“ nelaukė HTML ir CSS pabaigos, ji negalės pakeisti DOM elementų.

Ką aš galiu padaryti su „JavaScript“?

„JavaScript“ yra visavertė programavimo kalba, kuria galima atlikti daugumą įprastų kalbų, pavyzdžiui, „Python“. Jie apima:

• Kintamųjų deklaravimas Kaip deklaruoti kintamuosius „JavaScript“Norėdami pradėti naudotis „JavaScript“, turite suprasti kintamuosius. Čia yra trys būdai, kaip deklaruoti kintamuosius „JavaScript“. Skaityti daugiau .
• Vertybių saugojimas ir gavimas.
• Funkcijų apibrėžimas ir panaudojimas, įskaitant rodyklės funkcijos.
• „JavaScript“ objektų ir klasių apibrėžimas.
• Išorinių modulių įkėlimas ir naudojimas.
• Rašomi įvykių tvarkytojai, reaguojantys į paspaudimų įvykius.
• Rašymo serverio kodas.
• Ir daug daugiau.

Įspėjimas: Nuo „JavaScript“ yra tokia galinga kalba „JavaScript“ ir interneto svetainių kūrimas: dokumento objekto modelio naudojimasŠis straipsnis supažindins jus su dokumento skeletu, su kuriuo veikia „JavaScript“. Turėdami darbinių žinių apie šį abstrakčiojo dokumento objekto modelį, galite parašyti „JavaScript“, veikiantį bet kuriame tinklalapyje. Skaityti daugiau , taip pat galima rašyti kenkėjiškas programas, virusus ir naršyklių įsilaužimus, kad juos padarytų vartotojams. Tai apima nuo naršyklės slapukų, slaptažodžių, kreditinių kortelių vagystės ir virusų atsisiuntimo į kompiuterį.

„JavaScript“ naudojimas

Pažvelkime į kai kuriuos „JavaScript“ pagrindus su kodų pavyzdžiais.

Kintamųjų deklaravimas

„JavaScript“ įvedamas dinamiškai, tai reiškia, kad jūs neprivalote nurodyti savo kintamųjų tipo kode.

tegul num = 5; tegul myString = "Sveiki"; var interesasRate = 0,25; 

Operatoriai

Papildymas

12 + 5. >> 17. 

Atėmimas

20 - 8. >> 12. 

Daugyba

5 * 2. >> 10. 

Skyrius

50 / 2. >> 25. 

Modulis

45 % 4. >> 1. 

Masyvai

tegul myArray = [1,2,4,5]; tegul stringArray = [„labas“, „pasaulis“]; 

Funkcijos

„JavaScript“ gali rašyti funkcijas, čia yra paprasta funkcija, pridedanti skaičius.

funkcijos addNumbers (num1, num2) { grįžti num1 + num2; } >> addNumbers (10,5); >> 15.

Kilpos

„JavaScript“ gali atlikti pakartojimų kilpas, panašias į kilpoms ir o kilpos.

už (tegul i = 0; i <3; i ++) {console.log ("echo!"); } >> aidas! >> aidas! >> aidas! 

tegul i = 0; tuo tarpu (i <3) {console.log ("echo!"); i ++; } >> aidas! >> aidas! >> aidas! 

Komentarai

// Komentaro rašymas. 

/ * Rašyti kelių eilučių komentarą. Galite naudoti tiek linijų, kiek jums patinka. skaidyti tekstą ir padaryti komentarus lengviau skaitomus. */

Tinklalapyje

Dažniausias būdas įkelti „JavaScript“ į tinklalapį yra naudoti scenarijus HTML žyma. Atsižvelgiant į jūsų poreikius, galite naudoti vieną iš šių metodų.

• Įdėkite išorinį „JavaScript“ failą į tinklalapį taip:
• Galite nurodyti visą URL, jei „javascript“ yra iš kito tinklalapio domeno:
• „JavaScript“ galima tiesiogiai įterpti į HTML. Čia yra.

Išskyrus šiuos metodus, yra būdų, kaip įkelti „JavaScript“ kodą pareikalavus. Tiesą sakant, yra struktūrų, skirtų „JavaScript“ modulių įkėlimui ir paleidimui su tinkamomis priklausomybėmis, išspręstomis vykdymo metu.

Tai yra sudėtingesnės temos, dabar jūs mokotės pagrindų.

„JavaScript“ kodo fragmentų pavyzdžiai

Čia pateikiami keli paprasti „JavaScript“ kodo pavyzdžiai, iliustruojantys, kaip jis naudojamas tinklalapiuose. Tai kodo, veikiančio su DOM, pavyzdžiai.

• Toliau pateikiami visi pasirinkimai drąsus elementus dokumente ir nustato pirmosios spalvos spalvą raudonai.

  var elems = document.getElementsByTagName ('b'); elems [0] .style.color = 'raudona'; 

• Norite pakeisti vaizdą img žyma? Toliau pateiktas asocijuotas įvykių tvarkytojas paspauskite mygtuko įvykis.

  Pakeisti vaizdą

• Atnaujinkite pastraipos teksto turinį (p) elementas? Nustatyti vidinisHTML parodyta elemento savybė:

  Labas pasauli
  Paspausk mane

Šie kodų pavyzdžiai suteikia tik galimybę apžvelgti, ką galite padaryti naudodami „JavaScript“ savo tinklalapyje. Yra daugybė vadovėlių, kurie gali išmokyti koduoti Nemokamas dovanėlė: išmokite koduoti su 27 valandomis vaizdo įrašų vadovėlių„Ultimate Coding Bundle“, kurį sudaro penki vaizdo kursai ir 27 valandos papildomų instrukcijų, NEMOKAMAI. Skaityti daugiau kad pradėtum. Galite tai išbandyti bet kuriame interneto puslapyje, net ir šiame! Atidarykite konsolę ir išbandykite „JavaScript“ kodą.

Dabar jūs žinote, ką veikia „JavaScript“

Tikimės, kad ši įžanga suteikė tam tikrų įžvalgų apie „JavaScript“ ir sujaudino žiniatinklio programavimą. Galite viską suspausti mūsų patogus „Java“ žaidimų lapas Svarbiausias „JavaScript“ kodaiGaukite greitą „JavaScript“ elementų atnaujinimą naudodami šį žaidimų lapą. Skaityti daugiau . Yra daug daugiau apie „JavaScript“. Kai tik pasijausite patogiau, kodėl gi nepabandžius išmokti naudotis dokumento objekto modeliu? Taip pat gali būti domina sužinoti apie „TypeScript“ Kas yra „TypeScript“ ir kodėl kūrėjai turėtų tai išbandyti?Ar sunku „JavaScript“ pritaikyti išmokus kitą programavimo kalbą? Štai kaip „TypeScript“ gali padėti jums persijungti. Skaityti daugiau .