Kas yra „JavaScript“ ir kaip jis veikia?

Kas yra „JavaScript“ ir kaip jis veikia?

„JavaScript“ tapo šiuolaikinio interneto kūrimo pagrindu. Ši galinga kalba tapo esminiu įrankiu, kurį gali suprasti bet kuris žiniatinklio kūrėjas.





„JavaScript“ turi specialių funkcijų, kurios skiriasi nuo tradicinių programavimo kalbų. Mes išsiaiškinsime, kas tai yra, kaip tai veikia ir ką galite padaryti. Suskaidykime.



Kas yra „JavaScript“?

„JavaScript“ yra žiniatinklio scenarijų kalba. Tai yra aiškinama kalba, o tai reiškia, kad jai nereikia kompiliatoriaus, kuris išverstų savo kodą, pvz., C arba C ++. „JavaScript“ kodas veikia tiesiogiai žiniatinklio naršyklėje.





Naujausia kalbos versija yra „ECMAScript 2018“, kuri buvo išleista 2018 m.

kaip pakeisti dpi gimp

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



„JavaScript“ valdo dinaminius tinklalapių elementus. Jis veikia žiniatinklio naršyklėse, o neseniai ir žiniatinklio 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 žiniatinklio programavimas, todėl sužinokime daugiau.



Žiniatinklio programų kūrimo blokai

Svetaines ir programas kuria trys komponentai: hiperteksto žymėjimo kalba (HTML), pakopinio stiliaus lapai (CSS) ir „JavaScript“. Kiekvienas turi savo vaidmenį kuriant žiniatinklio programą.

  • HTML yra žymėjimo kalba, sukurianti tinklalapio karkasą. Visos pastraipos, skyriai, vaizdai, antraštės ir tekstas parašyti HTML. Turinys svetainėje rodomas tokia tvarka, kokia parašyta HTML.
  • CSS kontroliuoja stilių ir papildomus išdėstymo aspektus. CSS naudojamas kuriant svetainės dizainą, kuriant spalvas, šriftus, stulpelius, kraštus ir tt. Svetainė pereina nuo paprasto teksto elementų iki spalvingo dizaino.
  • Trečias 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 valdo funkcijas spustelėjus mygtukus, kaip autentifikuojamos slaptažodžio formos, kaip valdoma medija.

Visos trys dalys dera tarpusavyje ir sukuria viso masto programas. Būtų gerai, jei sužinotumėte daugiau apie HTML ir CSS, jei nesate jiems visiškai patenkinti.



Kaip veikia „JavaScript“?

Prieš rašydami „JavaScript“ svarbu žinoti, kaip ji veikia po gaubtu. Yra du svarbūs dalykai, apie kuriuos reikia sužinoti: kaip veikia žiniatinklio 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ą į jūsų „JavaScript“ kodą.

Tada naršyklė paims viską, kas susiję su HTML, pvz., Vaizdus ir CSS failus. CSS informacija gaunama iš CSS analizatoriaus.

HTML ir CSS sujungia DOM, kad pirmiausia sukurtų tinklalapį. Tada naršyklės „JavaScript“ variklis įkelia „JavaScript“ failus ir įterptąjį kodą, bet ne iš karto paleidžia kodą. Jis laukia, kol bus baigtas įkelti HTML ir CSS.

Kai tai bus padaryta, „JavaScript“ vykdoma tokia tvarka, kokia parašytas kodas. Dėl to DOM atnaujinamas naudojant „JavaScript“ kodą ir pateikiamas naršyklės.

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

Ką galiu padaryti su „JavaScript“?

„JavaScript“ yra visavertė programavimo kalba, galinti atlikti daugumą įprastų kalbų, tokių kaip „Python“. Jie apima:

obuolių muzika prieš „Google Play“ muziką
  • Kintamųjų deklaravimas.
  • Vertybių saugojimas ir atkūrimas.
  • Funkcijų apibrėžimas ir iškvietimas, įskaitant rodyklių funkcijos .
  • „JavaScript“ objektų ir klasių apibrėžimas.
  • Įkeliami ir naudojami išoriniai moduliai.
  • Įvykių tvarkytojų, reaguojančių į paspaudimų įvykius, rašymas.
  • Rašomas serverio kodas.
  • Ir daug daugiau.

Įspėjimas: Kadangi „JavaScript“ yra tokia galinga kalba, taip pat galima rašyti kenkėjiškas programas, virusus ir naršyklės įsilaužimus, kad jie sukeltų vartotojams. Tai yra nuo naršyklės slapukų, slaptažodžių, kredito kortelių vagysčių iki virusų atsisiuntimo į jūsų kompiuterį.

Naudojant „JavaScript“

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

Kintamųjų deklaravimas

„JavaScript“ įvedama dinamiškai, o tai reiškia, kad jums nereikia deklaruoti kintamųjų tipo kode.

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

Operatoriai

Papildymas

12 + 5
>> 17

Atimtis

20 - 8
>> 12

Dauginimas

5 * 2
>> 10

Padalinys

50 / 2
>> 25

Modulis

45 % 4
>> 1

Masyvai

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

Funkcijos

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

groti muziką iš telefono automobilyje
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Kilpos

„JavaScript“ gali atlikti pakartojimo ciklus, pvz., Kilpas kilpoms ir o kilpos.

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!

Komentarai

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

Tinklalapyje

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

  • Įkelkite išorinį „JavaScript“ failą į tinklalapį taip: | _+_ |
  • Galite nurodyti visą URL, jei „JavaScript“ yra iš kito domeno nei tinklalapis, taip: | _+_ |
  • „JavaScript“ galima tiesiogiai įterpti į HTML. Čia yra | _+_ |

Išskyrus šiuos metodus, yra būdų įkelti „JavaScript“ kodą pagal poreikį. Tiesą sakant, yra sistemos, skirtos įkelti ir paleisti „JavaScript“ modulius su tinkamomis priklausomybėmis, išspręstomis vykdymo metu.

Tai labiau pažengusios temos, dabar jūs mokotės pagrindų.

„JavaScript“ kodo fragmentų pavyzdžiai

Štai keletas paprastų „JavaScript“ kodo pavyzdžių, iliustruojančių, kaip jis naudojamas tinklalapiuose. Tai yra su DOM veikiančio kodo pavyzdžiai.

  • Toliau pasirenkami visi drąsus elementai dokumente ir nustato pirmojo spalvą į raudoną. | _+_ |
  • Norite pakeisti įvaizdį img žyma? Toliau pateikiamas susieja įvykių tvarkytuvą spustelėkite mygtuko įvykis. | _+_ |
  • Atnaujinkite pastraipos teksto turinį ( p ) elementas? Nustatyti vidinisHTML elemento savybė, kaip parodyta: | _+_ |

Šie kodo pavyzdžiai suteikia tik žvilgsnį į tai, ką galite padaryti naudodami „JavaScript“ savo tinklalapyje. Yra daug vadovėlių, kurie gali išmokyti jus koduoti, kad galėtumėte pradėti. Galite tai išbandyti bet kuriame tinklalapyje, net ir šiame! Atidarykite konsolę ir išbandykite „JavaScript“ kodą.

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

Tikimės, kad ši įžanga suteikė šiek tiek įžvalgų apie „JavaScript“ ir paskatino jus susižavėti žiniatinklio programavimu. Galite viską apibendrinti mūsų patogų „JavaScript“ apgaulės lapą . Yra daug daugiau informacijos apie „JavaScript“. Kai jaučiatės patogiau, kodėl gi nepabandžius išmokti naudotis dokumento objekto modeliu? Jums taip pat gali būti įdomu sužinoti apie „TypeScript“.

Dalintis Dalintis „Tweet“ Paštu Kaip išvalyti „Windows“ kompiuterį naudojant komandinę eilutę

Jei jūsų „Windows“ kompiuteryje trūksta saugyklos vietos, išvalykite šiukšles naudodami šias greitas komandų eilutės priemones.

Skaityti toliau Susijusios temos
  • Technologija paaiškinta
  • Programavimas
  • Interneto svetainių kūrimas
  • „JavaScript“
  • Scenarijaus rašymas
Apie autorių Anthony Grantas(Paskelbti 40 straipsnių)

Anthony Grantas yra laisvai samdomas rašytojas, apimantis programavimą ir programinę įrangą. Jis yra informatikos specialistas, besisukantis programavimo, „Excel“, programinės įrangos ir technologijų srityse.

Daugiau iš Anthony Grant

Prenumeruokite mūsų naujienlaiškį

Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. Knygų ir išskirtinių pasiūlymų!

Norėdami užsiprenumeruoti, spustelėkite čia