Mikä on JavaScript ja miten se toimii?

JavaScript on tullut katkottua nykyaikaisessa web -kehityksessä. Tämä tehokas kieli on kehittynyt olennaiseksi työkaluksi, jonka jokainen verkkokehittäjä ymmärtää.

JavaScriptillä on erityisominaisuuksia, jotka tekevät siitä erilaisen kuin perinteiset ohjelmointikielet. Tarkastelemme mitä se on, miten se toimii ja mitä voit tehdä sen kanssa. Hajotetaan se.

Mikä on JavaScript?

JavaScript on skriptikieli verkossa. Se on tulkittu kieli, joten se ei tarvitse kääntäjää kääntämään koodinsa, kuten C tai C ++. JavaScript -koodi toimii suoraan verkkoselaimessa.

Kielen uusin versio on ECMAScript 2018, joka julkaistiin kesäkuussa 2018.

mikä on puolueettomin uutinen

JavaScript toimii HTML: n ja CSS: n kanssa verkkosovellusten tai verkkosivujen luomiseksi. Useimmat nykyaikaiset verkkoselaimet, kuten Google Chrome, Firefox, Safari, Microsoft Edge, Opera jne., Tukevat JavaScriptiä. Useimmat Android- ja iPhone -mobiiliselaimet tukevat nyt myös JavaScriptiä.

JavaScript ohjaa verkkosivujen dynaamisia elementtejä. Se toimii verkkoselaimissa ja viime aikoina myös verkkopalvelimilla. JavaScript tukee myös sovellusliittymiä (API), mikä antaa sinulle enemmän toimintoja.

JavaScriptin kaikkien toimintatapojen ymmärtäminen on hieman helpompaa, kun ymmärrät, miten web -ohjelmointi toimii, joten opimme lisää.

Verkkosovellusten rakennuspalikat

Verkkosivustoja ja sovelluksia rakennetaan kolmessa osassa: Hypertext Markup Language (HTML), CSS (CSS) ja JavaScript. Jokaisella on rooli verkkosovelluksen luomisessa.

HTML on merkintäkieli, joka luo verkkosivun rungon. Kaikki kappaleet, osiot, kuvat, otsikot ja teksti on kirjoitettu HTML -muodossa. Sisältö näkyy verkkosivustossa siinä järjestyksessä kuin ne on kirjoitettu HTML -muodossa.
CSS ohjaa asettelun tyyliä ja muita näkökohtia. CSS: ää käytetään verkkosivuston suunnittelun luomiseen luomalla värit, fontit, sarakkeet, reunukset jne. Se vie verkkosivun pelkistä tekstielementeistä värikkäisiin malleihin.
Kolmas elementti on JavaScript. HTML ja CSS luovat rakenteen, mutta ne eivät tee mitään sieltä. JavaScript luo dynaamista toimintaa sovelluksessasi. JavaScriptin komentosarjat ohjaavat toimintoja, kun painikkeita napsautetaan, miten salasanamuotot todennetaan ja miten mediaa hallitaan.

Kaikki kolme osaa toimivat sopusoinnussa keskenään ja luovat täyden mittakaavan sovelluksia. Olisi hyvä idea oppia lisää HTML: stä ja CSS: stä, jos et ole täysin tyytyväinen niihin.

Miten JavaScript toimii?

Ennen JavaScriptin kirjoittamista on tärkeää tietää, miten se toimii konepellin alla. On syytä oppia kahdesta tärkeästä osasta: selaimen toiminta ja asiakirjaobjektimalli (DOM).

Selain lataa verkkosivun, jäsentää HTML -koodin ja luo sisällöstä niin kutsutun asiakirjaobjektimallin (DOM). DOM näyttää web -sivun reaaliaikanäkymän JavaScript -koodillesi.

Selain nappaa sitten kaiken HTML: ään liittyvän, kuten kuvat ja CSS -tiedostot. CSS -tiedot tulevat CSS -jäsennyksestä.

DOM kokoaa HTML- ja CSS -tiedostot ensin luomaan verkkosivun. Sitten selaimen JavaScript -moottori lataa JavaScript -tiedostot ja upotetun koodin, mutta ei suorita koodia heti. Se odottaa, että HTML ja CSS latautuvat.

Kun tämä on tehty, JavaScript suoritetaan koodin kirjoitusjärjestyksessä. Tämän seurauksena DOM päivitetään JavaScript -koodilla ja selain hahmontaa sen.

Järjestys tässä on tärkeä. Jos JavaScript ei odottanut HTML: n ja CSS: n päättymistä, se ei voi muuttaa DOM -elementtejä.

Mitä voin tehdä JavaScriptillä?

JavaScript on täysimittainen ohjelmointikieli, joka pystyy tekemään useimmat asiat tavallisella kielellä, kuten Python. Nämä sisältävät:

luoda sähköpostilistan Outlookissa

Muuttujien ilmoittaminen.
Arvojen tallentaminen ja hakeminen.
Toimintojen määrittäminen ja kutsuminen mukaan lukien nuolitoiminnot .
JavaScript -objektien ja -luokkien määrittäminen.
Ladataan ja käytetään ulkoisia moduuleja.
Tapahtumakäsittelijöiden kirjoittaminen, jotka vastaavat napsautustapahtumiin.
Kirjoitetaan palvelinkoodia.
Ja paljon enemmän.

Varoitus: Koska JavaScript on niin voimakas kieli, on myös mahdollista kirjoittaa haittaohjelmia, viruksia ja selaimen hakkeroita aiheuttaakseen niitä käyttäjille. Ne vaihtelevat selaimen evästeiden, salasanojen ja luottokorttien varastamisesta virusten lataamiseen tietokoneellesi.

JavaScriptin käyttäminen

Katsotaanpa joitain JavaScriptin perusasioita koodiesimerkeillä.

Muuttujien ilmoittaminen

JavaScript on kirjoitettu dynaamisesti, joten sinun ei tarvitse ilmoittaa muuttujien tyyppiä koodissasi.

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

Operaattorit

Lisäys

12 + 5  
>> 17

Vähennyslasku

20 - 8  
>> 12

Kertolasku

5 * 2  
>> 10

Division

50 / 2  
>> 25

Modulus

45 % 4  
>> 1

Taulukot

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

Toiminnot

JavaScript voi kirjoittaa toimintoja, tässä on yksinkertainen toiminto, joka lisää numeroita.

ei vaihtoehtoa bluetoothin kytkemiseksi päälle

function addNumbers(num1,num2){  
return num1 + num2;  
}  
>> addNumbers(10,5);  
>> 15

Silmukat

JavaScript voi suorittaa silmukoita iterointia varten, kuten silmukoita silmukoita varten ja silmukoiden aikana.

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!

Kommentit

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

Verkkosivulla

Yleisin tapa ladata JavaScript verkkosivulle on käyttää käsikirjoitus HTML -tunniste. Voit käyttää vaatimuksistasi riippuen yhtä seuraavista tavoista.

Lataa ulkoinen JavaScript -tiedosto verkkosivulle seuraavasti: | _+_ |
Voit määrittää koko URL -osoitteen, jos javascript on eri verkkotunnuksesta kuin verkkosivu, seuraavasti: | _+_ |
JavaScript voidaan upottaa suoraan HTML -koodiin. Tässä on | _+_ |

Näiden menetelmien lisäksi on olemassa tapoja ladata JavaScript -koodi pyydettäessä. Itse asiassa on olemassa kehyksiä, jotka on omistettu JavaScript -moduulien lataamiselle ja suorittamiselle, ja asianmukaiset riippuvuudet ratkaistaan ajon aikana.

Nämä ovat kehittyneempiä aiheita, nyt opit perusteet.

Esimerkki JavaScript -koodinpätkistä

Tässä on muutamia yksinkertaisia JavaScript -koodinäytteitä havainnollistamaan sen käyttöä verkkosivuilla. Nämä ovat esimerkkejä koodista, joka toimii DOM: n kanssa.

Seuraava valitsee kaikki lihavoitu asiakirjan elementtejä ja asettaa ensimmäisen värin punaiseksi. | _+_ |
Haluatko muuttaa kuvaa img tag? Seuraavassa yhdistetään tapahtumankäsittelijä klikkaus painikkeen tapahtuma. | _+_ |
Päivitä kappaleen tekstisisältö ( s ) elementti? Aseta sisäinenHTML elementin ominaisuus kuvan mukaisesti: | _+_ |

Nämä koodinäytteet tarjoavat vain vilauksen siitä, mitä voit tehdä JavaScriptin avulla verkkosivullasi. On paljon opetusohjelmia, jotka voivat opettaa sinulle koodin alkuun pääsemiseksi. Voit kokeilla sitä millä tahansa verkkosivulla, jopa tällä! Avaa konsoli ja kokeile JavaScript -koodia.

Nyt tiedät mitä JavaScript tekee

Toivottavasti tämä johdanto on tuonut tietoa JavaScriptistä ja saa sinut innostumaan web -ohjelmoinnista. Voit tiivistää kaiken kätevä JavaScript -huijausarkki . JavaScriptistä on paljon opittavaa. Kun tunnet olosi mukavaksi, miksi et yritä oppia käyttämään asiakirjaobjektimallia? Saatat myös olla kiinnostunut oppimaan TypeScriptiä.

Jaa Jaa Tweet Sähköposti Kuinka puhdistaa Windows -tietokone komentoriviltä

Jos Windows -tietokoneesi tallennustila on vähissä, puhdista roskat näillä nopeilla komentokehotteilla.

Lue seuraava Liittyvät aiheet

Tekniikka selitetty
Ohjelmointi
Verkkokehitys
JavaScript
Käsikirjoitus

Kirjailijasta Anthony Grant(40 artikkelia julkaistu)

Anthony Grant on freelance -kirjailija, joka kattaa ohjelmoinnin ja ohjelmistot. Hän on tietojenkäsittelytieteen pääopiskelija ohjelmoinnissa, Excelissä, ohjelmistoissa ja tekniikassa.

Lisää Anthony Grantilta

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi