JavaScript

JavaScript

A JavaScript definíciója

A JavaScript (röviden JS) egy programozási nyelv, amelyet kifejezetten az internetre fejlesztettek ki. A legtöbb webböngésző szoftver, és a modern okostelefonok is mind támogatják a JavaScriptet.

 

A JavaScriptet első sorban arra használják, hogy gazdagabb, felhasználóbarát élményeket teremtsenek vele az internetet böngészők számára, például dinamikusan frissülő weboldalakat, intuitív felhasználói felületeket, menüket, párbeszédpaneleket, 2D-s és 3D-s grafikákat, interaktív térképeket, videólejátszókat, és számos egyéb elemet, illetve funkciót. A JavaScript ilyesfajta, webböngészőkben történő alkalmazását kliensoldalú JavaScriptnek szokás nevezni.

 

A JavaScript az internetes háromszög egyik eleme, a másik kettő pedig a CSS illetve a HTML. A HTML feladata a weboldal leírása (szövegek, grafikák, stb.), a CSS pedig a weboldal megjelenéséért felel. A JavaScript nem esszenciális, de a fent említett hasznos funkciók miatt nagyon fontos eleme a webdesignnak, hiszen dinamikus weboldalakat lehet létrehozni vele, és lehetővé teszi a programozható elemek elhelyezését is ezeken a weboldalakon.

 

A JavaScript története

A JavaScript fejlesztését 1995-ben kezdte el a Netscape Communications, az akkoriban népszerű Netscape böngésző készítője. A céljuk egy jobb felhasználói élmény megalkotása volt egy „ragasztó nyelv” segítségével. Brendan Eich-et kérték fel arra, hogy beágyazza a Scheme programnyelvet. Azonban mivel akkoriban a Java volt az új, felkapott programnyelv, úgy döntöttek, hogy az új nyelv szintaxisát inkább ahhoz hasonlóra készítik majd el – így született meg a JavaScript, amely egy nyelvben ötvözte a Scheme funkcióit, a SMallTalk objektumorientáltságát, és a Java szintaktikáját.

 

Az új programnyelvnek több neve is volt (Mocha, LiveScript), mielőtt 1995 decemberében megkapta végleges nevét.

 

Mire képes a JavaScript?

A JavaScript egy komplett programnyelv-fordító, amely közvetlenül a webböngésző szoftverekben működik. A JavaScripttel mindent meg lehet csinálni, mint a Java-val, vagy bármilyen hasonló, általános programozási nyelvvel, például:

  • Deklarálhatsz vele változókat
  • Értékeket tárolhatsz és hívhatsz meg
  • Függvényeket definiálhatsz és használhatsz
  • Saját osztályokat hozhatsz létre
  • Külső modulokat használhatsz

... és így tovább.

 

Miután egy webböngésző betölt egy weboldalt, és átvizsgálja a HTML kódját, elkészít egy úgynevezett dokumentum objektum modellt (DOM) a weboldal tartalmairól. A DOM egy élő képet mutat a JavaScript kódnak a weboldalról, és a kód módosításokat végezhet a DOM-on, mielőtt az megjelenne a felhasználónak. Mindez néhány másodperc alatt történik.

 

A böngésző továbbá lehetővé teszi, hogy a kód felhasználói műveletekre aktiválódjon, például egérmozgásokra, gombkattintásokra, stb. Mindez rengeteg lehetőséget ad egy JavaScript programozó kezébe, aki bármilyen kisebb vagy nagyobb alkalmazást készíthet különböző feladatok elvégzésére.

 

A JavaScript egy olyan sokoldalú programozási nyelv, hogy még vírusokat és rosszindulatú alkalmazásokat is lehet írni benne – sajnos rengeteg hacker ki is használja ezt az óvatlan felhasználók ellen. Ez lehetővé teszi a támadóknak, hogy böngésző sütiket, jelszavakat, bankkártya-adatokat és egyéb személyes adatokat lopjanak a felhasználóktól, vagy akár konkrét vírusokat telepítsenek a számígógépeikre.

JavaScript

Hogy működik a JavaScript?

Mint említettük, amikor egy böngésző szoftver betölt egy webhelyet, a HTML vizsgáló kielemzi a HTML kódot, és elkezdi felépíteni a dokumentum objektum modellt. Amikor a vizsgáló CSS vagy JavaScript kódot talál (legyen az dokumentumon belüli, vagy kívülről betöltött), átnyújtja azt a CSS vagy JavaScript elemző motornak. A JavaScript motor betölti a külső JavaScript fájlokat vagy az inline JS kódot, de még nem futtatja le őkat azonnal – előbb megvárja, hogy a HTML és a CSS elemzés befejeződjenek.

 

Miután az elemzés kész, a JavaScript abban a sorrendben fut le, amilyen sorrendben az elemző találkozott vele az oldalon – definiálásra kerülnek a változók és a függvények, a függvények meghívódnak, aktiválódnak az eseménykezelők, és így tovább. Ezek mind frissítik a HTML elemző által felállított DOM-ot, és végül a weboldal megjelenik a böngészőben.

 

JavaScript újabb verziók

 

  • A JavaScript legújabb verziója az ECMAScript 2023 (ES2023), 2023 júniusában jelent meg. Ez számos új funkciót vezet be, beleértve a modulok importálásának új módját, a privát osztálytagokat, a sztring típus továbbfejlesztéseit, és még sok mást.
  • Az ES2022 (2022 június) újdonságai között szerepel a let és const kulcsszavak viselkedésének javítása, a math és date objektumok bővítése, valamint a JavaScript modulok aszinkron betöltésének új módja.

 

JavaScropt friss trendek

 

  • A TypeScript egyre népszerűbbé válik, mint a JavaScript szuperszettje. Ez szigorúbb típusellenőrzést biztosít, ami segít elkerülni a hibákat és javítja a kód minőségét.
  • A WebAssembly egyre elterjedtebb, mint a JavaScript teljesítményének növelésének módja. Ez lehetővé teszi a C/C++ kódok beágyazását a weboldalakba, ami bonyolultabb és számításigényesebb feladatok elvégzését teszi lehetővé.
  • A Node.js továbbra is a legnépszerűbb szerveroldali JavaScript környezet, amely lehetővé teszi webes alkalmazások, API-k és más háttérben futó szolgáltatások létrehozását.
  • A JavaScript keretrendszerek és könyvtárak széles választéka áll rendelkezésre, amelyek megkönnyítik a webes fejlesztést. Néhány népszerű példa a React, Angular, Vue.js és a jQuery.

Gyakori kérdések

Kiemelt területeink