Ce este JavaScript și cum funcționează?

Ce este JavaScript și cum funcționează?

JavaScript a devenit un element esențial în dezvoltarea web modernă. Acest limbaj puternic a evoluat într-un instrument esențial pe care orice dezvoltator web îl poate înțelege.





JavaScript are caracteristici speciale care îl fac diferit de limbajele de programare tradiționale. Vom cerceta ce este, cum funcționează și ce poți face cu el. Să o descompunem.



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.





Cea mai recentă 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, cum ar fi Google Chrome, Firefox, Safari, Microsoft Edge, Opera, etc. Majoritatea browserelor mobile pentru Android și iPhone acceptă acum și JavaScript.



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

Înțelegerea tuturor modurilor în care funcționează JavaScript este puțin mai ușoară atunci când înțelegeți cum funcționează programarea web, așa că haideți 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, titlurile și textul sunt scrise în HTML. Conținutul apare pe site î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. Acesta duce 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 butoanele sunt făcute clic, modul în care sunt autentificate formularele de parolă, modul în care media este controlată.

Toate cele trei părți funcționează în armonie între ele pentru a crea aplicații la scară largă. Ar fi o idee bună să aflați mai multe despre HTML și CSS dacă nu sunteți pe deplin confortabil cu ele.



conectarea la rețea, dar fără acces la internet

Cum funcționează JavaScript?

Înainte de a scrie JavaScript este important să știți cum funcționează sub capotă. Există două piese importante de aflat: modul în care funcționează browserul web și Modelul de obiect document (DOM).

Browserul web încarcă o pagină web, analizează codul HTML și creează ceea ce este cunoscut sub numele de Document Object Model (DOM) din conținut. DOM prezintă o vizualizare live a paginii web la codul dvs. JavaScript.

Browserul va prelua apoi tot ce este legat de HTML, cum ar fi imagini și fișiere CSS. Informațiile CSS provin de la analizorul CSS.

HTML și CSS sunt puse împreună 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ă codul imediat. Se așteaptă ca HTML și CSS să se termine încărcarea.

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

Comanda aici este importantă. Dacă JavaScript nu a așteptat finalizarea HTML și CSS, nu ar putea schimba elementele DOM.

Ce pot face cu JavaScript?

JavaScript este un limbaj de programare cu drepturi depline care poate face majoritatea lucrurilor pe care le poate face un limbaj obișnuit, cum ar fi Python. Acestea includ:

cum să inserați note de subsol în stil chicago
  • Declararea variabilelor.
  • Stocarea și recuperarea valorilor.
  • Definirea și invocarea funcțiilor, inclusiv funcții săgeată .
  • Definirea obiectelor și claselor JavaScript.
  • Încărcarea și utilizarea modulelor externe.
  • Scrierea handlerelor de evenimente care răspund la evenimentele de clic.
  • Scrierea codului serverului.
  • Și mult mai mult.

Avertizare: Deoarece JavaScript este un limbaj atât de puternic, este, de asemenea, posibil să scrieți programe malware, viruși și hack-uri de browser pentru a le provoca utilizatorilor. Acestea variază de la furtul de cookie-uri de browser, parole, carduri de credit până la descărcarea de viruși pe computer.

Folosind JavaScript

Să ne uităm la câteva elemente de bază JavaScript cu exemple de cod.

Declararea variabilelor

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

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

Operatori

Plus

12 + 5
>> 17

Scădere

20 - 8
>> 12

Multiplicare

5 * 2
>> 10

Divizia

50 / 2
>> 25

Modulul

45 % 4
>> 1

Matrice

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

Funcții

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

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

Bucle

JavaScript poate efectua bucle pentru iterație, bucle cum ar fi pentru bucle și în timp ce bucle.

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!

Comentarii

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

Într-o pagină web

Cel mai comun mod de a încărca JavaScript într-o pagină web este de a utiliza fișierul 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 într-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
    alert('Page is loaded');

Î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 executării modulelor JavaScript cu dependențe adecvate rezolvate în timpul rulării.

Acestea sunt subiecte mai avansate, chiar acum înveți elementele de bază.

Exemple de fragmente de cod JavaScript

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

  • Următoarele selectează toate îndrăzneţ elementele din document și setează culoarea primului la 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 gestionar de evenimente pentru clic evenimentul unui buton.
    Change Image
  • Actualizați conținutul text al unui paragraf ( p ) element? Seteaza HTML interioară proprietatea elementului așa cum se arată:

    Hello World


    Click me

Aceste mostre de cod oferă doar o privire asupra a ceea ce puteți face folosind JavaScript pe pagina dvs. web. Există o mulțime de tutoriale care vă pot învăța cum să codificați pentru a începe. O puteți încerca pe orice pagină web, chiar și pe aceasta! Deschideți consola și încercați un cod JavaScript.

Acum știi ce face JavaScript

Sperăm că această introducere a adus câteva informații despre JavaScript și vă face să vă încântați de programarea web. Puteți rezuma totul în foaia noastră ieftină JavaScript . Mai sunt multe de învățat despre JavaScript. Odată ce vă simțiți mai confortabil, de ce nu încercați să învățați cum să utilizați Modelul de obiecte document? Ați putea fi, de asemenea, interesat să aflați despre TypeScript.

Acțiune Acțiune Tweet E-mail Cum să vă curățați computerul Windows utilizând linia de comandă

În cazul în care PC-ul dvs. Windows nu mai are spațiu de stocare, curățați junk-ul folosind aceste utilitare rapide de prompt de comandă.

poți conecta căști Bluetooth la Xbox One
Citiți în continuare Subiecte asemănătoare
  • Tehnologie explicată
  • Programare
  • Dezvoltare web
  • JavaScript
  • Scripting
Despre autor Anthony Grant(40 de articole publicate)

Anthony Grant este un scriitor independent care acoperă programare și software. Este un specialist în informatică care se ocupă de programare, Excel, software și tehnologie.

Mai multe de la Anthony Grant

Aboneaza-te la newsletter-ul nostru

Alăturați-vă newsletter-ului pentru sfaturi tehnice, recenzii, cărți electronice gratuite și oferte exclusive!

Faceți clic aici pentru a vă abona