Mi a JavaScript és hogyan működik?

Mi a JavaScript és hogyan működik?

A JavaScript a modern webfejlesztés egyik alapvető elemévé vált. Ez az erőteljes nyelv minden webfejlesztő számára alapvető eszközzé fejlődött.





A JavaScript különleges funkciókkal rendelkezik, amelyek megkülönböztetik a hagyományos programozási nyelvektől. Megvizsgáljuk, mi ez, hogyan működik, és mit lehet vele kezdeni. Bontsuk szét.



Mi a JavaScript?

A JavaScript egy szkriptnyelv az interneten. Ez egy értelmezett nyelv, ami azt jelenti, hogy nincs szüksége fordítóra, hogy lefordítsa a kódját, mint a C vagy a C ++. A JavaScript kód közvetlenül egy webböngészőben fut.





A nyelv legújabb verziója az ECMAScript 2018, amely 2018 júniusában jelent meg.

mennyi ideig tart egy psu

A JavaScript HTML -vel és CSS -sel együttműködve webes alkalmazásokat vagy weboldalakat készít. A JavaScriptet a legtöbb modern webböngésző támogatja, például a Google Chrome, a Firefox, a Safari, a Microsoft Edge, az Opera stb. A legtöbb Android és iPhone mobilböngésző támogatja a JavaScriptet is.



A JavaScript vezérli a weboldalak dinamikus elemeit. Működik a webböngészőkben, és újabban a webszervereken is. Az alkalmazásprogramozási interfészeket (API) a JavaScript is támogatja, így több funkcionalitást biztosít.

A JavaScript működésének megértése valamivel könnyebb, ha megérti a webes programozás működését, ezért tanuljunk többet.



Internetes alkalmazások építőelemei

Három összetevő alkotja a webhelyeket és az alkalmazásokat: hipertext -jelölési nyelv (HTML), lépcsőzetes stíluslapok (CSS) és JavaScript. Mindegyiknek szerepe van egy webes alkalmazás létrehozásában.

  • HTML egy jelölőnyelv, amely létrehozza a weboldal vázát. Minden bekezdés, szakasz, kép, címsor és szöveg HTML -ben van írva. A tartalom a HTML -ben írt sorrendben jelenik meg a webhelyen.
  • CSS vezérli a stílust és az elrendezés további szempontjait. A CSS -t használják a webhely kialakításának létrehozásához, létrehozva a színeket, a betűtípusokat, az oszlopokat, a szegélyeket stb.
  • A harmadik elem az JavaScript. A HTML és a CSS létrehozzák a struktúrát, de onnan semmit nem csinálnak. A JavaScript dinamikus tevékenységet hoz létre az alkalmazásban. A JavaScript parancsfájlja vezérli a gombokra való kattintás funkcióit, a jelszó űrlapok hitelesítését, a média vezérlését.

Mindhárom rész összhangban működik egymással, hogy teljes körű alkalmazásokat hozzon létre. Jó ötlet lenne többet megtudni a HTML -ről és a CSS -ről, ha nem vagy teljesen elégedett velük.



Hogyan működik a JavaScript?

A JavaScript írása előtt fontos tudni, hogyan működik a motorháztető alatt. Két fontos részről kell tanulni: a webböngésző működéséről és a dokumentumobjektum -modellről (DOM).

A webböngésző betölt egy weboldalt, elemzi a HTML -t, és a tartalomból létrehozza az úgynevezett dokumentumobjektum -modellt (DOM). A DOM a weboldal élő nézetét jeleníti meg a JavaScript kódhoz.

A böngésző ezután megragad mindent, ami a HTML -hez kapcsolódik, például képeket és CSS -fájlokat. A CSS -információk a CSS -elemzőtől származnak.

A HTML -t és a CSS -t a DOM rakja össze, hogy először létrehozza a weboldalt. Ezután a böngésző JavaScript motorja betölti a JavaScript fájlokat és a soron belüli kódot, de nem futtatja azonnal a kódot. Megvárja, amíg a HTML és a CSS betöltése befejeződik.

Miután ez megtörtént, a JavaScript a kód beírási sorrendjében kerül végrehajtásra. Ennek eredményeként a DOM -ot JavaScript -kód frissíti, és a böngésző megjeleníti.

Itt fontos a sorrend. Ha a JavaScript nem várja meg a HTML és a CSS befejezését, akkor nem tudja megváltoztatni a DOM elemeket.

Mit tehetek a JavaScript segítségével?

A JavaScript egy teljes értékű programozási nyelv, amely a legtöbb olyan dolgot képes elvégezni, mint egy normál nyelv, mint például a Python. Ezek tartalmazzák:

milyen videofájlt támogat a twitter
  • Változók deklarálása.
  • Értékek tárolása és visszakeresése.
  • Funkciók meghatározása és meghívása, beleértve nyíl funkciókat .
  • JavaScript objektumok és osztályok meghatározása.
  • Külső modulok betöltése és használata.
  • Eseménykezelők írása, amelyek reagálnak a kattintási eseményekre.
  • Szerver kód írása.
  • És még sok más.

Figyelem: Mivel a JavaScript olyan erőteljes nyelv, rosszindulatú programokat, vírusokat és böngészőhack -eket is lehet írni, hogy azokat a felhasználóknak okozzák. Ezek a böngésző cookie -k, jelszavak, hitelkártyák ellopásától a vírusok számítógépre való letöltéséig terjednek.

A JavaScript használata

Nézzünk néhány JavaScript alapot kódpéldákkal.

Változók deklarálása

A JavaScript dinamikusan van gépelve, ami azt jelenti, hogy nem kell deklarálnia a változók típusát a kódban.

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

Üzemeltetők

Kiegészítés

12 + 5
>> 17

Kivonás

20 - 8
>> 12

Szorzás

5 * 2
>> 10

Osztály

50 / 2
>> 25

Modulus

45 % 4
>> 1

Tömbök

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

Funkciók

A JavaScript írhat függvényeket, itt van egy egyszerű funkció, amely számokat ad hozzá.

hogyan lehet eltávolítani a karcolásokat a CD -ről
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Hurok

A JavaScript végezhet ciklusokat az iterációhoz, például hurkokhoz és miközben hurkok.

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!

Hozzászólások

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

Egy weblapon

A JavaScript weboldalra való betöltésének leggyakoribb módja a forgatókönyv HTML címke. Az Ön igényeitől függően az alábbi módszerek egyikét használhatja.

  • Töltsön be egy külső JavaScript -fájlt a weboldalra az alábbiak szerint: | _+_ |
  • Megadhatja a teljes URL -t, ha a javascript a weboldaltól eltérő tartományból származik, az alábbiak szerint: | _+_ |
  • A JavaScript közvetlenül beágyazható a HTML -be. Itt egy | _+_ |

Ezen módszerektől eltekintve a JavaScript kód igény szerinti betöltésére is van lehetőség. Valójában vannak olyan keretrendszerek, amelyek a JavaScript modulok betöltésére és futtatására szolgálnak, és a függőségek futás közben feloldódnak.

Ezek fejlettebb témák, jelenleg az alapokat tanulja.

Minta JavaScript kódrészletek

Íme néhány egyszerű JavaScript kódminta, amelyek szemléltetik, hogyan használják weboldalakon. Ezek a DOM -mal működő kódok példái.

  • A következő az összeset kijelöli bátor elemeket a dokumentumban, és az első színét pirosra állítja. | _+_ |
  • Szeretné megváltoztatni a képet egy img címke? A következő eseménykezelőt társít a kattintson gomb eseménye. | _+_ |
  • Egy bekezdés szöveges tartalmának frissítése ( o ) elem? Állítsa be a belsőHTML az elem tulajdonsága az ábrán látható módon: | _+_ |

Ezek a kódminták csak bepillantást engednek abba, hogy mit tehet a weboldal JavaScript használatával. Rengeteg oktatóanyag található, amelyek megtaníthatják a kódoláshoz az induláshoz. Bármilyen weboldalon kipróbálhatod, még ezen is! Nyissa meg a konzolt, és próbáljon ki néhány JavaScript -kódot.

Most már tudja, mit tesz a JavaScript

Remélhetőleg ez a bevezető némi betekintést hozott a JavaScriptbe, és izgatja a webes programozást. Összefoglalhatja az egészet a praktikus JavaScript csalólapunkat . Sokkal többet kell tanulni a JavaScriptről. Ha már kényelmesebbnek érzi magát, miért nem próbálja meg megtanulni a dokumentumobjektum -modell használatát? Ön is érdekelt lehet a TypeScript megismerésében.

Részvény Részvény Csipog Email A Windows PC tisztítása a parancssor használatával

Ha a Windows PC -n kevés a tárhely, törölje ki a szemetet ezekkel a gyors parancssori segédprogramokkal.

Olvassa tovább Kapcsolódó témák
  • Technológia magyarázata
  • Programozás
  • Webfejlesztés
  • JavaScript
  • Forgatókönyvírás
A szerzőről Anthony Grant(40 cikk megjelent)

Anthony Grant szabadúszó író, aki programozással és szoftverrel foglalkozik. Számítástechnikai szakember, aki programozásban, Excelben, szoftverekben és technológiákban játszik.

Továbbiak Anthony Grant -tól

Iratkozzon fel hírlevelünkre

Csatlakozz hírlevelünkhöz, ahol technikai tippeket, véleményeket, ingyenes e -könyveket és exkluzív ajánlatokat találsz!

Feliratkozáshoz kattintson ide