Ce este JavaScript și cum funcționează?

Publicitate

JavaScript a devenit un element fundamental în dezvoltarea web modernă. Acest limbaj puternic a evoluat într-un instrument esențial pentru orice dezvoltator web să înțeleagă.

JavaScript are caracteristici speciale care îl fac diferit de limbajele de programare tradiționale. Vom săpara în ce este vorba, cum funcționează și ce poți face cu asta. Să o dărâmăm.

Ce este JavaScript?

JavaScript este un limbaj de script pentru web. Este un limbaj interpretat, ceea ce înseamnă că nu are nevoie de un compilator pentru a-și traduce codul ca C sau C ++. Codul JavaScript rulează direct într-un browser web.

Ultima versiune a limbii este ECMAScript 2018, care a fost lansată în iunie 2018.

JavaScript funcționează cu HTML și CSS pentru a crea aplicații web sau pagini web. JavaScript este acceptat de majoritatea browserelor web moderne precum Google Chrome, Firefox, Safari, Microsoft Edge, Opera etc. Majoritatea browserelor mobile pentru Android și iPhone acceptă și JavaScript.

JavaScript controlează elementele dinamice ale paginilor web. Funcționează și în browserele web și, mai recent, și pe serverele web. Interfețele de programare a aplicațiilor (API) sunt, de asemenea, acceptate de JavaScript, oferindu-vă mai multe funcționalități.

Înțelegerea tuturor modului în care funcționează JavaScript este puțin mai ușor atunci când înțelegeți cum funcționează programarea web, deci să aflăm mai multe.

Blocuri de construcții pentru aplicații web

Există trei componente care creează site-uri web și aplicații: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) și JavaScript. Fiecare are un rol în crearea unei aplicații web.

• HTML este un limbaj de marcare care creează scheletul paginii web. Toate paragrafele, secțiunile, imaginile, rubricile și textul sunt scrise în HTML. Conținutul apare pe site-ul web în ordinea în care sunt scrise în HTML.
• CSS controlează stilul și aspectele suplimentare ale aspectului. CSS este utilizat pentru a crea designul site-ului web creând culorile, fonturile, coloanele, marginile etc. Este nevoie de site-ul web de la elemente de text simplu la modele colorate.
• Al treilea element este JavaScript. HTML și CSS creează structura, dar nu fac nimic de acolo. JavaScript creează activitate dinamică în aplicația dvs. Scriptarea în JavaScript este ceea ce controlează funcțiile atunci când sunt făcute clic pe butoane, cum sunt autentificate formularele de parolă, cum este controlat suportul.

Toate cele trei părți lucrează în armonie între ele pentru a crea aplicații la scară completă. Ar fi o idee bună să aflați mai multe despre HTML și CSS Aflați HTML și CSS cu aceste instrucțiuni pas cu pasEști curios despre HTML, CSS și JavaScript? Dacă credeți că aveți un avantaj pentru a învăța cum să creați site-uri de la zero - iată câteva excelente tutoriale pas cu pas care merită încercate. Citeste mai mult dacă nu ești în totalitate confortabil cu ei.

Cum funcționează JavaScript?

Înainte de a scrie JavaScript, este important să știți cum funcționează sub capotă. Există două piese importante pentru a afla despre modul în care funcționează browserul web și modelul de documente de obiecte (DOM).

Browserul web încarcă o pagină web, analizează HTML-ul și creează ceea ce este cunoscut ca model de obiect de document (DOM) din conținut. DOM prezintă o vedere live a paginii web la codul dvs. JavaScript.

Browserul va prelua apoi tot ce este legat de HTML, precum imaginile și fișierele CSS. Informațiile CSS provin de la analizorul CSS.

HTML și CSS sunt alcătuite de DOM pentru a crea mai întâi pagina web. Apoi, motorul JavaScript al browserelor încarcă fișiere JavaScript și cod inline, dar nu rulează imediat codul. Așteaptă ca HTML și CSS să termine încărcarea.

Odată făcut acest lucru, JavaScript este executat în ordinea în care este scris codul. Aceasta duce la actualizarea DOM prin cod JavaScript și redată de către browser.

Comanda aici este importantă. Dacă JavaScript nu aștepta finalizarea HTMLului și CSS-ului, nu ar putea modifica elementele DOM.

Ce pot face cu JavaScript?

JavaScript este un limbaj de programare complet, care poate face cele mai multe lucruri pe care le poate face un limbaj obișnuit precum Python. Acestea includ:

• Declarea variabilelor Cum se declară variabilele în JavaScriptPentru a începe cu JavaScript, trebuie să înțelegeți variabile. Iată trei moduri de a declara variabile în JavaScript. Citeste mai mult .
• Stocarea și regăsirea valorilor.
• Definirea și invocarea funcțiilor, inclusiv funcțiile săgeții.
• Definirea obiectelor și claselor JavaScript.
• Încărcarea și utilizarea modulelor externe.
• Scrierea gestionarilor de evenimente care răspund la evenimente cu clicuri.
• Scrierea codului serverului.
• Și mult mai mult.

Avertizare: De cand JavaScript este un limbaj atât de puternic JavaScript și Dezvoltarea Web: Utilizarea modelului de obiect documentAcest articol vă va prezenta scheletul documentului cu care funcționează JavaScript. Având cunoștințe de lucru despre acest model de obiect de document abstract, puteți scrie JavaScript care funcționează pe orice pagină web. Citeste mai mult , este de asemenea posibil să scrie malware, viruși și hacks-uri pentru a le aplica utilizatorilor. Acestea variază de la furtul cookie-urilor browserului, parole, cărți de credit până la descărcarea virușilor pe computer.

Folosind JavaScript

Să ne uităm la unele elemente de bază JavaScript cu exemple de cod.

Declarea variabilelor

JavaScript este tastat dinamic, ceea ce înseamnă că nu trebuie să declarați tipul variabilelor din codul dvs.

lasa num = 5; let myString = "Hello"; var interestRate = 0,25; 

operatorii

Plus

12 + 5. >> 17. 

Scădere

20 - 8. >> 12. 

Multiplicare

5 * 2. >> 10. 

Divizia

50 / 2. >> 25. 

coeficient

45 % 4. >> 1. 

Arrays

lasa myArray = [1,2,4,5]; let stringArray = ["salut", "lume"]; 

funcţii

JavaScript poate scrie funcții, iată o funcție simplă care adaugă numere.

function addNumbers (num1, num2) { returnare num1 + num2; } >> addNumere (10,5); >> 15.

buclele

JavaScript poate efectua bucle pentru iterare, bucle de genul pentru bucle și în timp ce bucle.

for (let i = 0; i <3; i ++) {console.log ("echo!"); } >> ecou! >> ecou! >> ecou! 

fie i = 0; while (i <3) {console.log ("echo!"); i ++; } >> ecou! >> ecou! >> ecou! 

Comentarii

// Scrierea unui comentariu. 

/ * Scrierea unui comentariu cu mai multe linii. Puteți utiliza câte linii doriți. pentru a despărți textul și a face comentarii mai lizibile. */

Într-o pagină web

Cel mai frecvent mod de a încărca JavaScript într-o pagină web este să folosești scenariu Etichetă HTML În funcție de cerințele dvs., puteți utiliza una dintre următoarele metode.

• Încărcați un fișier JavaScript extern pe o pagină web, după cum urmează:
• Puteți specifica adresa URL completă dacă javascriptul provine dintr-un domeniu diferit de pagina web, după cum urmează:
• JavaScript poate fi încorporat direct în HTML. Iată un.

În afară de aceste metode, există modalități de încărcare a codului JavaScript la cerere. De fapt, există cadre dedicate încărcării și rulării modulelor JavaScript cu dependențe adecvate rezolvate la timpul de execuție.

Acestea sunt subiecte mai avansate, acum învățați elementele de bază.

Eșantioane fragment de cod JavaScript

Iată câteva exemple simple de cod JavaScript pentru a ilustra modul în care este utilizat în paginile web. Acestea sunt exemple de cod care funcționează cu DOM.

• Următoarele selectează toate îndrăzneţ elemente din document și stabilește culoarea primului pe roșu.

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

• Doriți să schimbați imaginea într-un img etichetă? Următoarele asociază un handler de evenimente pentru clic evenimentul unui buton.

  Schimbați imaginea

• Actualizați conținutul text al unui paragraf (p) element? Seteaza innerHTML proprietatea elementului așa cum se arată:

  Salut Lume
  Faceți clic pe mine

Aceste exemple de cod oferă doar o privire asupra a ceea ce puteți face folosind JavaScript pe pagina dvs. de web. Sunt o mulțime de tutoriale care vă pot învăța cum să codați Freebie: Învață să faci cod cu 27 de ore de tutoriale videoPachetul de codare finală, care include cinci cursuri video și 27 de ore de instruire premium este GRATUIT în acest moment. Citeste mai mult să te apuci. Puteți încerca pe orice pagină web, chiar și pe aceasta! Deschideți-vă consola și încercați niște cod JavaScript.

Acum știți ce face JavaScript

Sperăm că această introducere a adus câteva informații despre JavaScript și vă va entuziasma cu programarea web. Puteți să o recapitați totul înăuntru foaia noastră de înșelăciune JavaScript utilă Fisa de înșelare JavaScript finalăObțineți o actualizare rapidă a elementelor JavaScript cu această foaie de înșelăciune. Citeste mai mult . Există mult mai multe lucruri de învățat despre JavaScript. Odată ce te simți mai confortabil de ce nu încerci aflați cum să utilizați modelul de obiect document? S-ar putea să fii și tu interesat să afle despre TypeScript Ce este TypeScript și de ce ar trebui să încerce dezvoltatorii?Găsiți JavaScript greu de adaptat după ce ați învățat un alt limbaj de programare? Iată cum ar putea TypeScript să vă ajute să comutați. Citeste mai mult .