Kas ir JavaScript un kā tas darbojas?

Reklāma

JavaScript ir kļuvis par šablonu mūsdienu tīmekļa izstrādē. Šī spēcīgā valoda ir kļuvusi par būtisku rīku, kuru var saprast jebkurš tīmekļa izstrādātājs.

JavaScript ir īpašas funkcijas, kas padara to atšķirīgu no tradicionālajām programmēšanas valodām. Mēs izpētīsim, kas tas ir, kā tas darbojas un ko jūs varat ar to darīt. Sadalīsim to.

Kas ir JavaScript?

JavaScript ir Web skriptu valoda. Tā ir interpretēta valoda, kas nozīmē, ka tai nav nepieciešams kompilators, lai tulkotu tā kodu kā C vai C ++. JavaScript kods darbojas tieši tīmekļa pārlūkprogrammā.

Jaunākā valodas versija ir ECMAScript 2018, kas tika izlaista 2018. gada jūnijā.

JavaScript darbojas ar HTML un CSS, lai izveidotu tīmekļa lietotnes vai Web lapas. JavaScript atbalsta lielākajā daļā mūsdienu tīmekļa pārlūkprogrammu, piemēram, Google Chrome, Firefox, Safari, Microsoft Edge, Opera utt. Tagad lielākā daļa mobilo pārlūkprogrammu Android un iPhone ierīcēm atbalsta arī JavaScript.

JavaScript kontrolē tīmekļa lapu dinamiskos elementus. Tas darbojas tīmekļa pārlūkprogrammās un nesen arī tīmekļa serveros. Lietojumprogrammu programmēšanas saskarnes (API) atbalsta arī JavaScript, nodrošinot lielāku funkcionalitāti.

Izprast visus JavaScript darbības veidus ir nedaudz vieglāk, ja saprotat, kā darbojas tīmekļa programmēšana, tāpēc uzzināsim vairāk.

Tīmekļa lietotņu veidojošie bloki

Vietnes un lietotnes veido trīs komponenti: hiperteksta iezīmēšanas valoda (HTML), kaskādes stila lapas (CSS) un JavaScript. Katram no tiem ir sava loma tīmekļa lietotnes izveidē.

• HTML ir iezīmēšanas valoda, kas izveido Web lapas skeletu. Visas rindkopas, sadaļas, attēli, virsraksti un teksts ir rakstīti HTML. Saturs tiek parādīts tīmekļa vietnē tādā secībā, kādā tie ir rakstīti HTML formātā.
• CSS kontrolē stilu un izkārtojuma papildu aspektus. CSS tiek izmantots, lai izveidotu vietnes dizainu, izveidojot krāsas, fontus, kolonnas, apmales utt. Vietne aizņem no vienkārša teksta elementiem līdz krāsainiem dizainiem.
• Trešais elements ir JavaScript. HTML un CSS izveido struktūru, bet viņi tur neko nedara. JavaScript rada dinamisku aktivitāti jūsu lietotnē. Skriptu rakstīšana JavaScript ir tas, kas kontrolē funkcijas, kad tiek noklikšķināti uz pogām, kā tiek autentificētas paroles formas, kā tiek kontrolēts multivide.

Visas trīs daļas darbojas harmoniski, veidojot pilna mēroga lietotnes. Tā būtu laba ideja uzzināt vairāk par HTML un CSS Uzziniet HTML un CSS, izmantojot šīs soli pa solim apmācībasVai vēlaties uzzināt par HTML, CSS un JavaScript? Ja domājat, ka jums ir zināšanas par to, kā iemācīties izveidot vietnes no jauna - šeit ir dažas lieliskas soli pa solim apmācības, kuras vērts izmēģināt. Lasīt vairāk ja neesat pilnīgi apmierināts ar viņiem.

Kā darbojas JavaScript?

Pirms rakstīt JavaScript, ir svarīgi zināt, kā tas darbojas zem pārsega. Ir divi svarīgi mācību priekšmeti: Web pārlūka darbība un Dokumentu objekta modelis (DOM).

Tīmekļa pārlūks ielādē tīmekļa lapu, parsē HTML un no satura izveido tā dēvēto dokumentu objekta modeli (DOM). DOM piedāvā JavaScript kodu tiešajā Web lapas skatā.

Pēc tam pārlūks satvers visu, kas saistīts ar HTML, piemēram, attēlus un CSS failus. CSS informācija nāk no CSS parsētāja.

HTML un CSS ir izveidojis DOM, lai vispirms izveidotu tīmekļa lapu. Pēc tam pārlūkprogrammu JavaScript dzinējs ielādē JavaScript failus un inline kodu, bet uzreiz to neizlaiž. Tas gaida HTML un CSS pabeigšanu.

Kad tas ir izdarīts, JavaScript tiek izpildīts tādā secībā, kādā kods tiek uzrakstīts. Tā rezultātā DOM tiek atjaunināts ar JavaScript kodu un pārlūks to nodrošina.

Šeit ir svarīga kārtība. Ja JavaScript negaidīja HTML un CSS pabeigšanu, tas nevarēs mainīt DOM elementus.

Ko es varu darīt ar JavaScript?

JavaScript ir pilntiesīga programmēšanas valoda, kas var paveikt lielāko daļu parasto valodu, piemēram, Python. Tie ietver:

• Mainīgo deklarēšana Kā deklarēt mainīgos JavaScriptLai sāktu darbu ar JavaScript, jums ir jāsaprot mainīgie. Šeit ir trīs veidi, kā mainīgos var deklarēt JavaScript. Lasīt vairāk .
• Vērtību glabāšana un izguve.
• Funkciju noteikšana un izsaukšana, ieskaitot bultu funkcijas.
• JavaScript objektu un klašu definēšana.
• Ārējo moduļu ielāde un lietošana.
• Notikumu apstrādātāju rakstīšana, kas reaģē uz klikšķu notikumiem.
• Rakstīšanas servera kods.
• Un daudz vairāk.

Brīdinājums: Kopš JavaScript ir tik spēcīga valoda JavaScript un tīmekļa izstrāde: dokumenta objekta modeļa izmantošanaŠis raksts jūs iepazīstinās ar dokumentu skeletu, ar kuru darbojas JavaScript. Kam ir zināšanas par šo abstrakto dokumentu objekta modeli, jūs varat rakstīt JavaScript, kas darbojas jebkurā tīmekļa lapā. Lasīt vairāk , ir arī iespējams rakstīt ļaunprātīgu programmatūru, vīrusus un pārlūku hakerus, lai tos izdarītu lietotājiem. To klāsts sākas ar pārlūka sīkdatņu, paroļu, kredītkaršu nozagšanu un vīrusu lejupielādi datorā.

Izmantojot JavaScript

Apskatīsim dažus JavaScript pamatus ar kodu piemēriem.

Mainīgo deklarēšana

JavaScript tiek dinamiski ierakstīts, kas nozīmē, ka jums nav jādeklarē mainīgo tips kodā.

ļaujiet num = 5; let myString = "Sveiki"; var intereseRate = 0,25; 

Operatori

Papildinājums

12 + 5. >> 17. 

Atņemšana

20 - 8. >> 12. 

Reizināšana

5 * 2. >> 10. 

Nodaļa

50 / 2. >> 25. 

Modulis

45 % 4. >> 1. 

Masīvi

let myArray = [1,2,4,5]; let stringArray = ["sveiki", "pasaule"]; 

Funkcijas

JavaScript var rakstīt funkcijas, šeit ir vienkārša funkcija, kas pievieno skaitļus.

funkcija addNumbers (num1, num2) { atgriešanās num1 + num2; } >> addNumbers (10,5); >> 15.

Cilpas

JavaScript var veikt atkārtojuma cilpas, piemēram, cilpas cilpām un kamēr cilpas.

for (pieņemsim, ka i = 0; i <3; i ++) {console.log ("atbalss!"); } >> atbalss! >> atbalss! >> atbalss! 

ļaujiet i = 0; savukārt (i <3) {console.log ("atbalss!"); i ++; } >> atbalss! >> atbalss! >> atbalss! 

Komentāri

// Komentāra rakstīšana. 

/ * Daudzrindu komentāra rakstīšana. Jūs varat izmantot tik daudz līniju, cik vēlaties. sadalīt tekstu un padarīt komentārus lasāmākus. */

Tīmekļa lapā

Visizplatītākais veids, kā ielādēt JavaScript tīmekļa vietnē, ir skripts HTML tags. Atkarībā no jūsu prasībām varat izmantot vienu no šīm metodēm.

• Ielieciet ārēju JavaScript failu tīmekļa vietnē šādi:
• Ja javascript ir no cita tīmekļa vietnes domēna, varat norādīt pilnu URL šādi:
• JavaScript var tieši iegult HTML. Šeit ir.

Papildus šīm metodēm ir arī veidi, kā JavaScript kodu ielādēt pēc pieprasījuma. Faktiski ir ietvari, kas veltīti JavaScript moduļu ielādēšanai un palaišanai ar pienācīgām atkarībām, kas atrisinātas izpildes laikā.

Tās ir sarežģītākas tēmas, šobrīd jūs apgūstat pamatus.

JavaScript koda fragmentu paraugi

Šeit ir daži vienkārši JavaScript koda paraugi, lai parādītu, kā tas tiek izmantots tīmekļa lapās. Šie ir koda piemēri, kas darbojas ar DOM.

• Tālāk tiek atlasīti visi treknrakstā elementus dokumentā un pirmās krāsas krāsu iestata sarkanā krāsā.

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

• Vēlaties mainīt attēlu img birka? Šis saista notikumu apstrādātāju klikšķis pogas notikums.

  Mainīt attēlu

• Atjauniniet rindkopas teksta saturu (lpp) elements? Iestatiet iekšējaisHTML parādītā elementa īpašība:

  Sveika pasaule
  Noklikšķiniet uz manis

Šie koda paraugi piedāvā tikai ieskatu tajā, ko jūs varat darīt, izmantojot JavaScript savā tīmekļa vietnē. Tur ir daudz konsultāciju, kas var iemācīt kodēt Bezmaksas iesācējs: iemācieties kodēt ar 27 stundu video pamācībāmUltimate Coding Bundle, kurā ietilpst pieci video kursi un 27 stundu ilgas apmācības stundas, šobrīd ir BEZMAKSAS. Lasīt vairāk lai jūs sāktu. To var izmēģināt jebkurā tīmekļa lapā, pat šajā! Atveriet konsoli un izmēģiniet JavaScript kodu.

Tagad jūs zināt, ko JavaScript dara

Cerams, ka šis ievads ir devis nelielu ieskatu JavaScript un liek jums satraukti par tīmekļa programmēšanu. To visu var ieskatīties mūsu parocīgā JavaScript apkrāpšanas lapa Ultimate JavaScript apkrāptu lapaIzmantojot šo apkrāptu lapu, ātri atsvaidziniet JavaScript elementus. Lasīt vairāk . Ir daudz vairāk, lai uzzinātu par JavaScript. Kad esat juties ērtāk, kāpēc gan nemēģināt? iemācīties izmantot dokumentu objekta modeli? Jūs varētu arī būt interesē uzzināt par TypeScript Kas ir TypeScript un kāpēc izstrādātājiem tas jāmēģina?Vai pēc citas programmēšanas valodas apguves ir grūti JavaScript pielāgot? Lūk, kā TypeScript varētu palīdzēt jums pārslēgties. Lasīt vairāk .