Kas ir JavaScript un kā tas darbojas?

Kas ir JavaScript un kā tas darbojas?

JavaScript ir kļuvis par mūsdienu tīmekļa izstrādes štāpeļšķiedrām. Šī spēcīgā valoda ir kļuvusi par būtisku rīku, lai ikviens tīmekļa izstrādātājs to saprastu.





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



Kas ir JavaScript?

JavaScript ir skriptu valoda tīmeklim. Tā ir interpretēta valoda, kas nozīmē, ka tai nav nepieciešams kompilators, lai tulkotu savu kodu, piemēram, 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ā.

cik ilgi darbojas mac

JavaScript darbojas ar HTML un CSS, lai izveidotu tīmekļa lietotnes vai tīmekļa lapas. JavaScript atbalsta lielākā daļa mūsdienu tīmekļa pārlūkprogrammu, piemēram, Google Chrome, Firefox, Safari, Microsoft Edge, Opera uc Lielākā daļa mobilo ierīču pārlūkprogrammu Android un iPhone ierīcēm tagad 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.

Izprotot 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 veidošanas bloki

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

  • HTML ir iezīmēšanas valoda, kas veido tīmekļa lapas skeletu. Visas rindkopas, sadaļas, attēli, virsraksti un teksts ir rakstīti HTML valodā. Saturs tiek parādīts vietnē tādā secībā, kādā tas ir rakstīts HTML.
  • CSS kontrolē stilu un izkārtojuma papildu aspektus. CSS tiek izmantots, lai izveidotu vietnes dizainu, veidojot krāsas, fontus, kolonnas, apmales utt. Vietne tiek pārvietota no vienkārša teksta elementiem līdz krāsainam dizainam.
  • Trešais elements ir JavaScript. HTML un CSS izveido struktūru, taču no turienes neko nedara. JavaScript rada dinamiskas darbības jūsu lietotnē. Skriptēšana JavaScript kontrolē funkcijas, noklikšķinot uz pogām, kā tiek autentificētas paroles formas, kā tiek kontrolēts multivide.

Visas trīs daļas darbojas harmonijā, lai izveidotu pilna mēroga lietotnes. Būtu laba ideja uzzināt vairāk par HTML un CSS, ja neesat apmierināts ar tiem.



Kā darbojas JavaScript?

Pirms JavaScript rakstīšanas ir svarīgi zināt, kā tā darbojas zem pārsega. Ir jāapgūst divi svarīgi jautājumi: kā darbojas tīmekļa pārlūkprogramma un dokumenta objekta modelis (DOM).

Tīmekļa pārlūkprogramma ielādē tīmekļa lapu, parsē HTML un no satura izveido tā dēvēto dokumenta objekta modeli (DOM). DOM jūsu JavaScript kodam parāda tīmekļa lapas tiešo skatu.

Pēc tam pārlūks paņems visu, kas saistīts ar HTML, piemēram, attēlus un CSS failus. CSS informācija tiek iegūta no CSS parsētāja.

HTML un CSS apkopo DOM, lai vispirms izveidotu tīmekļa lapu. Pēc tam pārlūkprogrammas JavaScript dzinējs ielādē JavaScript failus un iekļauto kodu, bet kods netiek palaists uzreiz. Tas gaida, kamēr HTML un CSS tiks ielādēts.

Kad tas ir izdarīts, JavaScript tiek izpildīts koda rakstīšanas secībā. Tā rezultātā DOM tiek atjaunināts ar JavaScript kodu un pārlūks to atveido.

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

Ko es varu darīt ar JavaScript?

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

atiestatīt facebook paroli ar drošības jautājumu
  • Mainīgo deklarēšana.
  • Vērtību saglabāšana un atgūšana.
  • Funkciju definēšana un izsaukšana, ieskaitot bultu funkcijas .
  • JavaScript objektu un klašu definēšana.
  • Ārējo moduļu ielāde un izmantošana.
  • Notikumu apstrādātāju rakstīšana, kas reaģē uz klikšķu notikumiem.
  • Rakstot servera kodu.
  • Un daudz vairāk.

Brīdinājums: Tā kā JavaScript ir tik spēcīga valoda, ir iespējams arī rakstīt ļaunprātīgu programmatūru, vīrusus un pārlūka uzlaušanu, lai tos radītu lietotājiem. Tie ir no pārlūkprogrammas sīkfailu, paroļu, kredītkaršu nozagšanas līdz vīrusu lejupielādēšanai datorā.

Izmantojot JavaScript

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

Mainīgo deklarēšana

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

let num = 5;
let myString = 'Hello';
var interestRate = 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 = ['hello','world'];

Funkcijas

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

kā pārsūtīt failus starp datoriem
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Cilpas

JavaScript var veikt cilpas iterācijai, piemēram, cilpas cilpām un kamēr cilpas.

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!

Komentāri

// 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
*/

Tīmekļa lapā

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

  • Ievietojiet ārēju JavaScript failu tīmekļa lapā šādi: | _+_ |
  • Jūs varat norādīt pilnu URL, ja javascript ir no cita domēna, nevis tīmekļa lapas: | _+_ |
  • JavaScript var tieši iegult HTML. Šeit ir | _+_ |

Izņemot šīs metodes, ir arī veidi, kā pēc pieprasījuma ielādēt JavaScript kodu. Faktiski ir ietvari, kas paredzēti JavaScript moduļu ielādēšanai un palaišanai ar atbilstošām atkarībām, kas atrisinātas izpildes laikā.

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

JavaScript koda fragmentu paraugs

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

  • Tālāk tiek atlasīts viss treknrakstā elementi dokumentā un pirmā krāsa tiek iestatīta uz sarkanu. | _+_ |
  • Vēlaties mainīt attēlu img atzīme? Tālāk ir norādīts, kā saistīt notikumu apstrādātāju klikšķis pogas notikums. | _+_ |
  • Atjauniniet rindkopas teksta saturu ( lpp ) elements? Iestatiet iekšējaisHTML elementa īpašība, kā parādīts: | _+_ |

Šie koda paraugi piedāvā tikai ieskatu par to, ko jūs varat darīt, izmantojot savā vietnē JavaScript. Ir daudz pamācību, kas var iemācīt jums kodēt, lai sāktu darbu. Jūs varat to izmēģināt jebkurā tīmekļa vietnē, pat šajā! Atveriet konsoli un izmēģiniet kādu JavaScript kodu.

Tagad jūs zināt, ko dara JavaScript

Cerams, ka šis ievads ir devis ieskatu JavaScript un aizrauj tīmekļa plānošanu. Jūs varat to visu apkopot mūsu ērto JavaScript krāpšanās lapu . Ir daudz vairāk, lai uzzinātu par JavaScript. Kad jūtaties ērtāk, kāpēc nemēģināt iemācīties izmantot dokumenta objekta modeli? Jūs varētu interesēt arī informācija par TypeScript.

Kopīgot Kopīgot Čivināt E -pasts Kā tīrīt Windows datoru, izmantojot komandu uzvedni

Ja jūsu Windows datorā ir maz vietas krātuvē, iztīriet nevēlamos atkritumus, izmantojot šīs ātrās komandrindas utilītas.

Lasīt Tālāk Saistītās tēmas
  • Izskaidrota tehnoloģija
  • Programmēšana
  • Web izstrāde
  • JavaScript
  • Skriptu veidošana
Par autoru Entonijs Grants(40 publicēti raksti)

Entonijs Grants ir ārštata rakstnieks, kas aptver programmēšanu un programmatūru. Viņš ir datorzinātņu profesors, kurš nodarbojas ar programmēšanu, Excel, programmatūru un tehnoloģijām.

Vairāk no Entonija Granta

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu