JavaScript program az utasítások sorozata (utasítások). Néha az utasításokat JavaScript-parancsoknak is nevezik.
Ahhoz, hogy a program futhasson, le kell futnia. Ha a program egy kliens szkript, akkor a böngésző automatikusan elindítja, de csak akkor, ha természetesen az oldal kódjában szerepel. A böngésző végrehajtja a program végrehajtását, általában egy weboldal betöltése közben.
Az utasítások írásakor pontosvesszővel kell elválasztani őket. A JavaScriptben megengedett, hogy ne tegyen pontosvesszőt az utasítás végére, ha következő utasításúj vonalon indul.
A JavaScriptnek nem kell pontosvesszővel zárnia az utasításokat, ha a következő utasítás új sorba kerül, hanem Nagyon ajánlott. Ebben az esetben is kívánatos az egyes utasításokat külön sorba helyezni.
JavaScript utasítások a következőkből áll: értékek, operátorok, kifejezések, kulcsszavak és megjegyzések.
Ez az utasítás például arra utasítja a böngészőt, hogy írja be a "Hello world!" belül HTML elem id="main":
Document.getElementById("main").textContent = "Üdv világ!";
A JavaScript szintaxis a következő típusú értékeket határozza meg: fix értékek (literál), állandó értékeketÉs változó értékek.
Szó szerinti példák különböző értékek megjelenítéséhez JavaScriptben:
17 // integer literal 23.8 // tört számliterál "HTML" // string literal "HTML" // string literal true // logikai literál // array literal // array literal () // objektum literál ( név: "Dennis " , nyelv: "ru" ) // objektum literál (ab|bc) // reguláris kifejezés literál
A programozási nyelvek konstansokat és változókat használnak adatértékek tárolására.
A konstansok deklarálása a const kulcsszóval történik, míg a változók a var és a let használatával.
Állandó MAX_LENGTH = 17; // konstans var section = "HTML"; // változó let arr = ["HTML","CSS"]; // változó
Let a változók deklarálásának új módja, amely az ES-2015 (ES6) óta létezik. A Let abban különbözik a var-tól, hogy a let-vel deklarált változónak más a hatóköre (blokkja), és abban is, hogy csak a létrehozása után érhető el.
A JavaScript rendelkezik egy nagyon sok különböző operátor. Kiállnak végrehajtandó művelet.
attól függően az operandusok számáról, amellyel az operátor operál, binárisra és unárisra oszlanak. De a JavaScript-nek van egy feltételes operátora is, ami 3 operandusból áll. Ez az operátor hármasnak nevezik.
Például a hozzárendelés operátora (az = jel):
// operandus1 = operandus2; magX=100; // például rendelje hozzá a 100-as számot a coordX változóhoz
Ezt az operátort használják megbízások (telepítések) operandus1 értéke megegyezik operandus2 értékével.
hozzárendelés operátor bináris, mert két operanduson működik.
Például, növekmény operátor(++ jel) az operandus számértékének 1-gyel történő növelésére szolgál:
varnum = 5; ++szám; 6
növekmény operátoróta egységes egy operanduson működik.
Kifejezésértékek, változók és operátorok kombinációja, amely vagy értéket rendel egy változóhoz, vagy visszaad valamilyen értéket anélkül, hogy hozzárendelné.
Például a num = 955.47 kifejezés a = operátort használja a 7 érték hozzárendeléséhez a num változóhoz.
Például a "Hi, " + "Timofey" kifejezés a + operátort használja a "Szia" és a "Timofey" karakterláncok hozzárendelés nélküli hozzáadásához.
A JavaScript utasítások gyakran ezzel kezdődnek kulcsszó(kulcsszó). Ez (kulcsszó) célja annak meghatározása, hogy milyen JavaScript-műveletet hajtson végre.
Például a var kulcsszó arra utasítja a böngészőt, hogy hozzon létre változókat:
Var coordX = 5, coordY = 130;
Néhány kulcsszó listája: break , turpināt , csinálni ... while , for , function , if ... else , return , switch , try ... catch , var .
Nem minden JavaScript utasítás futtatható.
A dupla perjel // vagy a /* és */ közötti kód megjegyzésként kezelendő.
A megjegyzéseket figyelmen kívül hagyja és nem hajtja végre:
vardirection = "top"; // egysoros megjegyzés // var speed = 10; ez az utasítás nem kerül végrehajtásra /* Függvény, amely a show osztályt hozzáadja az id="myBtn" elemhez */ függvény showBtn() ( document.getElementById("myBtn").classList.add("show"); )
// - egysoros megjegyzés, azaz. A // és a sor vége közötti szöveget a JavaScript figyelmen kívül hagyja (nem hajtja végre).
A /* */ egy többsoros megjegyzés, a /* és */ közötti szövegeket a JavaScript figyelmen kívül hagyja.
JavaScript utasítások blokk segítségével csoportosítható (göndör kapcsos zárójel (...)).
Általában funkciókban, vezérlőstruktúrákban (for, while) stb. használják.
Függvény myFunction() ( document.getElementById("id__1").textContent = "1. szöveg..."; document.getElementById("id__2").textContent = "2. szöveg..."; )
JavaScript az kis- és nagybetűk megkülönböztetése. Ez azt jelenti, hogy a kulcsszavaknak, változóknak, függvényneveknek és egyéb nyelvi azonosítóknak ugyanazt a kis- és nagybetűket kell tartalmazniuk. Például, riasztási módszer csak figyelmeztetésként kell beírni, nem Alert , ALERT stb.
JavaScript figyelmen kívül hagyja a több szóközt. A szkriptet szóközökkel teheti olvashatóbbá.
A következő sorok egyenértékűek:
var str = "szöveg"; varstr="Szöveg";
Ha a JavaScript utasítás hosszú, akkor célszerű megtörni. A legtöbb esetben jobb, ha néhány operátor után megszegjük az utasítást.
Például:
Document.getElementById("aside__nav_header").innerHTML = "További navigáció (szakasz szerint)";
Az írás megtanulásakor az ember szükségszerűen megtanulja a helyesírás, nyelvtan és helyesírás alapjait. Például mindenki tudja, hogy egy mondat ezzel kezdődik nagybetűés ponttal végződik, a szöveget bekezdésekre osztják stb.
A programozási nyelvek hasonló módon működnek: a program működéséhez bizonyos szabályokat be kell tartani. A programozási nyelvek szerkezetét meghatározó szabályokat szintaxisnak nevezzük. Sok programozási nyelv ugyanazokra a koncepciókra épül, de eltérő szintaxist használnak.
Ez az oktatóanyag bemutatja a JavaScript kód alapvető szintaxisát és szerkezetét.
A funkcionalitás és az olvashatóság a JavaScript szintaxis nagyon fontos szempontjai, amelyekre külön kell összpontosítani.
Néhány szintaktikai szabály kötelező a JavaScript kódhoz. Ha nem követik őket, a konzol hibát jelez, és a szkript megszakad.
Tekintsünk egy ilyen hibát a „Hello, World!” programban.
// Példa hibás JavaScript programra
console.log("Hello World!"
A végéről hiányzik a záró zárójel, így a karakterlánc helyett a "Hello, World!" a program hibát ad vissza:
Uncaught SyntaxError: hiányzik) az argumentumlista után
A szkript futásának folytatásához hozzá kell adni egy záró zárójelet. A JavaScript szintaxis hibája így befolyásolhatja a program működését.
A JavaScript szintaxis és formázás egyes aspektusai különböző nézőpontokon alapulnak. Egyszerűen fogalmazva, vannak stilisztikai szabályok és változatok, amelyek nem kötelezőek, és nem vezetnek hibához a kód futtatásakor. Azonban számos általános megállapodás és egyezmény is létezik, amelyeket bölcs dolog követni, hogy a projekt- és kódfejlesztők minden szükséges tudással rendelkezzenek a stílus- és szintaxisfrissítésekről. Az általános konvencióknak való megfelelés növeli a kód olvashatóságát.
Fontolja meg a következő három lehetőséget egy változó értékének hozzárendelésére:
const greeting="Hello"; // nincs szóköz a változó és a karakterlánc között
const greeting = "Helló"; // túl sok szóköz a hozzárendelés után
const greeting = "Helló"; // egyetlen szóköz a változó és a karakterlánc között
Mindhárom fenti sor ugyanúgy fog működni. De a harmadik lehetőség (köszönés = "Hello") messze a leggyakrabban használt és legolvashatóbb módja a kódírásnak, különösen, ha egy nagyobb program kontextusában nézzük.
Nagyon fontos figyelni a program teljes kódjának integritását és konzisztenciáját.
Az alábbiakban néhány példát tekintünk meg, hogy megismerkedjünk a JavaScript kód szintaxisával és szerkezetével.
A JavaScript szóköz karakterek szóközök, tabulátorok és újsorok (ezt a műveletet az Enter billentyű hajtja végre). Amint korábban bemutattuk, a karakterláncon kívüli extra szóközöket, az operátorok közötti szóközöket és az egyéb karaktereket a JavaScript értelmező figyelmen kívül hagyja. Ez azt jelenti, hogy a következő három változó-hozzárendelési példa ugyanazt az eredményt fogja elérni:
const userLocation = "New York City, " + "NY";
const userLocation="New York City, "+"NY";
const userLocation = "New York City, " + "NY";
A userLocation változó értéke "New York City, NY" lesz, függetlenül az érték beállítási stílusától. A JavaScript számára nem mindegy, hogy milyen szóköz karaktereket használ.
A programok írásában van egy jól bevált szabály: szóköz karakterek elhelyezésekor ugyanazokat a szabályokat kell követni, mint a matematikában vagy a nyelvtanban. Például a következő sor:
könnyebben olvasható, mint:
E szabály alól egy fontos kivétel a több változó hozzárendelése. Figyelje meg a = pozíciót a következő példában:
const companyName = "Cégem";
const companyHeadquarters = "New York City";
const companyHandle = "cégem";
Minden hozzárendelési operátor (=) szóközökkel van sorban. Ezt a típusú struktúrát nem minden kódbázis használja, de javíthatja az olvashatóságot.
Az extra sortöréseket a JavaScript szintén figyelmen kívül hagyja. Általában kiegészítő üres sorok a megjegyzés fölé és a kódblokk után kerülnek be.
Az olyan kulcsszavakban, mint az if, switch és for, általában szóközt adnak a zárójelek elé és után. Tekintsük a következő példát:
// Példa az if utasítás szintaxisára
ha () ( )
// Ellenőrizze a matematikai egyenletet, és írjon ki egy karakterláncot a konzolra
ha (4< 5) {
console.log("4 kisebb, mint 5.");
}
// Példa a for ciklus szintaxisára
erre: () ( )
// Iteráljon 10-szer, minden iterációs számot kinyomtatva a konzolra
for (legyen i = 0; i<= 10; i++) {
konzolnapló(i);
}
Amint láthatja, az if utasítás és a ciklus zárójelét mindkét oldalon szóköz választja el.
Amikor a kód egy függvényre, metódusra vagy osztályra hivatkozik, a név mellé szóköz nélkül zárójeleket írunk.
// Egy példafüggvény
függvény függvénynév()()
// Függvény inicializálása a kocka térfogatának kiszámításához
függvény kocka(szám) (
return Math.pow(szám, 3);
}
// A függvény meghívása
kocka(5);
A fenti példában a cube() egy függvény, és a zárójelek () opciókat vagy argumentumokat tartalmaznak. Ebben az esetben a paraméterek számmal vagy 5-tel vannak kifejezve. A cube() szóközzel történő írása is működik, de szinte soha nem használják. A függvény és a zárójelek együttes írása megkönnyíti a függvények argumentumaihoz való társítását.
Ahogyan a szöveg bekezdései mondatokból állnak, a JavaScript programok kifejezéseknek nevezett utasítások sorozatából állnak. A mondat ponttal, a JavaScript kifejezés pedig pontosvesszővel (;) végződik.
// Egyetlen JavaScript utasítás
const most = new Date();
Ha két vagy több kifejezés van egymás mellett, pontosvesszővel kell elválasztani őket.
// Szerezze be az aktuális időbélyeget, és nyomtassa ki a konzolra
const most = new Date(); konzolnapló (most);
Ha a kifejezéseket újsor karakter választja el, a pontosvessző nem kötelező.
// Két újsorral elválasztott utasítás
const now = new Date()
konzolnapló (most)
Általános megegyezés szerint pontosvessző kerül a kifejezés után, függetlenül az újsor karakterektől. Ez csökkenti a hibák esélyét.
// Két újsorral és pontosvesszővel elválasztott utasítás
const most = new Date();
konzolnapló (most);
Pontosvessző is kerül az inicializálás és a feltétel közé a for ciklusokban:
for (inicializálás; feltétel; növelés) (
// futtassa a ciklust
}
A pontosvessző nem kerül az if, for, do, while, class, switch és function utasítások után. Ezek az operátorok göndör kapcsos zárójelekbe vannak zárva (). Vegye figyelembe a következő kódot:
// Függvény inicializálása egy négyzet területének kiszámításához
függvény négyzet(szám) (
return Math.pow(szám, 2);
}
// Számítsa ki egy 0-nál nagyobb szám területét
ha (szám > 0) (
négyzetszám);
}
Legyen óvatos, mert nem minden kapcsos zárójelbe zárt kódhoz nem szükséges pontosvessző. Az objektumok kapcsos zárójelek közé vannak zárva, és pontosvesszővel kell végződniük.
// Példaobjektum
const objektumNév = ();
// Háromszög objektum inicializálása
const háromszög = (
típus: "jobb",
szög: 90
oldalak: 3
};
Általános gyakorlat, hogy minden JavaScript-utasítás és kifejezés után pontosvesszőt teszünk, kivéve azokat, amelyek kapcsos zárójelben végződnek.
Technikailag egy JavaScript program teljes kódja egy sorba helyezhető. De az ilyen kódot nagyon nehéz elolvasni és karbantartani. Mivel a program sorokra van osztva.
Például az if / else utasítás egy sorba írható, vagy felosztható:
// Egy sorba írt feltételes állítás
if (x === 1) ( /* kód végrehajtása, ha igaz */ ) else ( /* kód végrehajtása, ha hamis */ )
// Feltételes állítás behúzással
ha (x === 1) (
// kód végrehajtása, ha igaz
) más (
// kód végrehajtása, ha hamis
}
Kérjük, vegye figyelembe, hogy a blokkban szereplő bármely kód behúzott. Behúzhat két szóközzel, négy szóközzel vagy tabulátorral. A behúzási módszer kiválasztása csak a személyes preferenciáktól vagy a szervezet ajánlásaitól függ.
Az első sor végén lévő nyitott zárójel a JavaScript-utasítások és objektumok strukturálásának általános módja. Néha a zárójeleket külön sorokba helyezik:
// Feltételes kijelentés kapcsos zárójelekkel az újsorokon
ha (x === 1)
{
// kód végrehajtása, ha igaz
}
más
{
// kód végrehajtása, ha hamis
}
Ilyen struktúrát a JavaScriptben, más nyelvekhez hasonlóan, meglehetősen ritkán használnak.
A beágyazott utasításokat el kell választani egymástól:
// Függvény inicializálása
függvény isEqualToOne(x) (
// Ellenőrizze, hogy x egyenlő-e eggyel
ha (x === 1) (
// a sikerre, return true
return true;
) más (
return false;
}
}
A megfelelő behúzás olvashatóvá teszi a kódot. E szabály alól az egyetlen kivétel, amelyet szem előtt kell tartani, az az, hogy a tömörített könyvtárak eltávolítják az összes felesleges karaktert, hogy csökkentsék a fájl méretét.
A JavaScriptben szereplő változók, függvények vagy tulajdonságok neveit azonosítóknak nevezzük. Az azonosítók betűkből és számokból állnak, de nem tartalmazhatnak $ és _ karaktereket, és nem kezdődhetnek számmal.
A nevek megkülönböztetik a kis- és nagybetűket. Vagyis a myVariable és a myvariable két különböző változóként lesz kezelve.
var myVariable = 1;
var myvariable = 2;
Általános megegyezés szerint a neveket tevebetűvel írják (camelCase): az első szót kisbetűvel írják, de minden további szó nagybetűvel kezdődik. A globális változókat vagy konstansokat nagybetűkkel írjuk, és aláhúzásjellel választjuk el.
const BIZTOSÍTÁSI DÁT = 0,4;
Ez alól kivételt képeznek az osztálynevek, amelyek általában minden szót nagybetűvel kezdenek (PascalCase).
// Osztály inicializálása
classExampleClass(
konstruktor() ( )
}
A kód olvashatóságának biztosítása érdekében az azonosítókat minden programfájlban következetesen kell használni.
Az azonosítók nem tartalmazhatnak fenntartott kulcsszavakat sem. A kulcsszavak JavaScript szavak, amelyek beépített funkcióval rendelkeznek. Ide tartozik a var, if, for és this.
Például nem rendelhet értéket egy var nevű változóhoz.
var var = "Valamilyen érték";
A JavaScript ismeri a var kulcsszót, ezért hibát fog dobni:
Szintaxishiba: Váratlan token (1:4)
JavaScript szintaxis
1995 óta a JavaScript hosszú utat tett meg a szerény Netscape böngészőkomponenstől a mai nagy teljesítményű JIT tolmácsokig. Úgy tűnik, hogy mindössze öt évvel ezelőtt a fejlesztőket megdöbbentette az Ajax megjelenése, és mára az összetett JavaScript-alkalmazások több száz és több ezer sornyi kódot értek el.
Tavaly megszületett a JavaScript-alkalmazások új generációja, amelyek semmiben sem különböznek az asztali alkalmazásoktól, ami hihetetlen előrelépés a webes technológia terén. Elmúltak a lassan futó oldalkérések, amikor minden felhasználó interakcióba lép az alkalmazással. A JavaScript motorok olyan erősek lettek, hogy lehetőség van kliensoldali állapotmentésre, ami jelentősen felgyorsítja az alkalmazás reagálását és javítja a munka minőségét.
Ha ismer más programozási nyelveket, hasznos lehet tudnia, hogy a JavaScript egy magas szintű, dinamikus, nem tipizált és értelmezett programozási nyelv, amely jól illeszkedik az objektumorientált és funkcionális programozási stílusokhoz. Enyém JavaScript szintaxis től örökölt Java nyelv, első osztályú funkciói a Scheme nyelvből, prototípus alapú öröklődési mechanizmusa pedig a Self nyelvből. A JavaScript elsajátításához azonban nem kell ismernie ezeket a nyelveket, vagy ismernie kell a terminológiájukat.
Ebben a cikkben a nyelv alapvető lexikai struktúráit tekintjük át.
Programok írásakor JavaScriptben a Unicode karakterkészletet használják. Az Unicode az ASCII és a Latin-1 kódolás szuperkészlete, és gyakorlatilag a bolygó összes írott nyelvét támogatja. Alapértelmezett ECMAScript 3 JavaScript-megvalósításokat igényel a Unicode 2.1-es vagy újabb verziójának támogatásához, az ECMAScript 5-höz pedig a Unicode 3-as vagy újabb verziójának támogatásához.
A JavaScript egy kis- és nagybetűérzékeny nyelv. Ez azt jelenti, hogy a kulcsszavaknak, változó- és függvényneveknek, valamint bármely más nyelvi azonosítónak mindig ugyanazt a kis- és nagybetűket kell tartalmaznia.
Például a while kulcsszót "while"-ként kell beírni, nem pedig "While" vagy "WHILE". Hasonlóképpen, myvar, Myvar, MyVar és MYVAR négy különböző változó neve. Ne feledje azonban, hogy a HTML jelölőnyelv (az XHTML-lel ellentétben) nem különbözteti meg a kis- és nagybetűket. Mivel a HTML és a kliensoldali JavaScript szorosan összefügg, ez a megkülönböztetés zavaró lehet. Sok JavaScript objektum és tulajdonságaik neve megegyezik a címkékkel és attribútumokkal HTML nyelv hogy képviselik. Míg azonban a HTML-ben ezek a címkék és attribútumok minden esetben beírhatók, addig a JavaScriptben általában kisbetűvel kell beírni.
Például egy eseménykezelő onclick attribútuma a HTML-ben leggyakrabban onClickként van beállítva, de a JavaScript kódban (vagy egy XHTML dokumentumban) onclickként kell megjelölni.
A JavaScript figyelmen kívül hagyja a szóközöket, amelyek a program tokenek között lehetnek. Ezenkívül a JavaScript többnyire figyelmen kívül hagyja az újsorokat is. Ezért a szóközök és az újsor karakterek korlátozás nélkül használhatók a programforrásszövegekben formázásra és olvasható megjelenés biztosítására.
A normál szóköz (\u0020 ) mellett a JavaScript a következő karaktereket is felismeri szóközként: tabulátor (\u0009 ), függőleges tabulátor (\u000B ), formátum feed (\u000C ), nem törő szóköz (\u00A0 ), bájtsorrend jelölő (\uFEFF ), valamint a Zs kategória összes Unicode karaktere.
A JavaScript értelmezői a következő karaktereket ismerik fel sorvégi karakterként: soremelés (\u000A ), kocsivissza (\u000D ), sorelválasztó (\u2028 ) és bekezdéselválasztó (\u2029 ). A kocsivissza és a soremelés karaktersorozata egyetlen sor lezáróként értelmeződik.
A formátumvezérlő Unicode-karakterek (Cf kategória), mint például a JOBBRA LEJELŐ JEL (\u200F ) és a BAL-JOBBRA JELZŐ (\u200E ), szabályozzák annak a szövegnek a vizuális megjelenítését, amelyben megjelennek. Fontosak bizonyos nyelveken a szöveg helyes megjelenítéséhez, és érvényesek JavaScript-megjegyzésekben, karakterlánc-literálokban és literálokban. reguláris kifejezések, de nem a JavaScript programokban meghatározott azonosítókban (például változónevekben). A kivételek a ZERO WIDTH JOINER (\u200D ) és a ZERO WIDTH NON-JOINER (\u200C ), amelyek használhatók azonosítókban, feltéve, hogy nem az azonosító első karaktere.
A teljes Unicode karaktertáblázatot a Unicode Table webhelyen tekintheti meg.
Más programozási nyelvekhez hasonlóan a JavaScript pontosvesszőt (;) használ az utasítások egymástól való elválasztására. A pontosvessző használata elengedhetetlen ahhoz, hogy a programozó szándéka egyértelmű legyen: ez az elválasztó nélkül összetéveszthető az egyik utasítás végét a következő elejével, és fordítva.
A JavaScriptben általában a pontosvessző elhagyható az utasítások között, ha azok különböző sorokban vannak. (A pontosvessző elhagyható a program végén, vagy ha a program következő tokenje egy záró kapcsos zárójel.) Sok JavaScript-programozó pontosvesszőt használ az utasítások végének kifejezett jelölésére, még akkor is, ha nem kell .
Vessen egy pillantást a következő részletre. Mivel a két utasítás különböző sorban van, az első pontosvessző elhagyható:
Ha azonban ezeket az utasításokat az alábbiak szerint írják, akkor az első pontosvessző kötelezővé válik:
A JavaScript a megjegyzések stílusának két módját támogatja. A // és a sor vége közötti szöveget megjegyzésként kezeli, és a JavaScript figyelmen kívül hagyja. A /* és */ közötti szövegeket a rendszer megjegyzésként is kezeli. Ezek a megjegyzések több sort is átívelhetnek, de nem ágyazhatók be. A következő sorok érvényes JavaScript-megjegyzések:
// Ez egysoros megjegyzés. /* Ez is egy megjegyzés */ // és ez egy másik megjegyzés. /* Ez egy másik megjegyzés. Több vonalat ölel át. */
Az azonosító csak egy név. A JavaScriptben az azonosítók változók és függvények neveként, valamint egyes ciklusok címkéjeként működnek. A JavaScript azonosítóinak betűvel, aláhúzásjellel (_) vagy dollárjellel ($) kell kezdődniük.. Bármilyen betű, szám, aláhúzás vagy dollárjel követhető. (A számjegy nem lehet az első karakter, mert akkor az értelmező nehezen tudná megkülönböztetni az azonosítókat a számoktól.) Példák az érvényes azonosítókra:
I my_variable_name v13 _myvar $str
A kompatibilitás és a szerkesztés megkönnyítése érdekében az azonosítók összeállításához általában csak ASCII karaktereket és számokat használnak. A JavaScript azonban lehetővé teszi a betűk és számok használatát az azonosítókban teljes készlet Unicode karakterek. Ez lehetővé teszi a programozók számára, hogy a változókat anyanyelvükön nevezzék el, és matematikai szimbólumokat használjanak bennük:
Var name = "Alexander"; var Π = 3,14;
A JavaScript számos azonosítót tart fenn, amelyek kulcsszavaként működnek a nyelvhez. Ezek a kulcsszavak nem szolgálhatnak azonosítóként a programokban. A JavaScript fenntart néhány olyan kulcsszót is, amelyek jelenleg nem részei a nyelvnek, de a jövőbeni verziókba belekerülhetnek. Az alábbi táblázat az összes kulcsszót felsorolja kategóriák szerint:
| Kategória | Kulcsszavak |
|---|---|
| Alapazonosítók | törlés törlés függvény return typeof case do if switch var ragadj meg mást ebben az ürességben folytassa false instanceof dobás közben debugger végre új igaz alapértelmezett null try |
| Új kulcsszavak az EcmaScript 5 szabványban | osztály const enum export kiterjeszti az import szuper |
| Fenntartott szavak szigorú módban (normál módban elérhetők) | eszközök engedik a magántulajdont interfész csomag statikus védett |
A JavaScript szintaxis a JavaScript programok létrehozására vonatkozó szabályok halmaza. Ebben a leckében a nyelv alapvető lexikai struktúráit tekintjük át.
Programok írásakor JavaScriptben a Unicode karakterkészletet használják. A 7 bites kódolással ellentétben csak erre alkalmas angolul, és a 8 bites kódolás, amely csak az angol és a nagyobb nyugat-európai nyelvekhez alkalmas, a 16 bites Unicode kódolás gyakorlatilag minden írott nyelvet támogat a bolygón. Az ECMAScript v3 szabvány megköveteli a JavaScript implementációit a Unicode 2.1-es vagy újabb verziójának támogatásához, az ECMAScript v5 szabványhoz pedig a Unicode 3-as vagy újabb verziójának támogatásához.
var str = "helló, világ!"; // Latin írást használunk var str = "Hello, world!"; // Cirill betűt használnak
A szóköz javítja az olvashatóságot forráskód, de ezekre a karakterekre általában nincs szükség a js szkript működéséhez.
| Szimbólum kód | Név | Csökkentés | Leírás | escape szekvencia |
|---|---|---|---|---|
| U+0009 | Vízszintes fül | A nyomtatási pozíciót a következő vízszintes tabulátorpontig mozgatja | \t | |
| U+000B | Függőleges fül | A nyomtatási pozíciót a következő függőleges tabulátorhoz mozgatja | \v | |
| U+000C | Oldalváltás, Oldalváltás | Kiadja az aktuális oldalt, és a következő oldaltól kezdi a nyomtatást. | \f | |
| U+0020 | Hely | Betűtávolságok | ||
| U+00A0 | Törésmentes tér | Olyan karakter, amely szabályos szóközként jelenik meg a karakterláncon belül, de nem engedi megtörni a karakterláncot ezen a ponton |
A szóközök mellett sorvégi karaktereket is használnak a forrásszöveg olvashatóságának javítására. Bizonyos esetekben azonban a sorvégi karakterek befolyásolhatják a JavaScript kód végrehajtását, mivel többször előfordul, hogy tilos a használatuk. A sorvégi karakterek is befolyásolják a folyamatot automatikus telepítés pontosvesszővel.
A következő karaktereket a JavaScript értelmezők sorvégi karakterként ismerik fel:
A JavaScript program (script) a webböngésző által végrehajtott "utasítások" listája.
A JavaScriptben az utasításokat általában pontosvesszővel (;) választják el.
Ha több utasítás van ugyanabban a sorban, akkor pontosvesszőt (;) kell közéjük tenni.
A JavaScript sok esetben az újsort parancselválasztóként értelmezi az automatikus pontosvessző beszúrásához (ASI) az utasítások teljesítéséhez.
Ha minden utasítás külön sorba kerül, akkor az elválasztó elhagyható:
Egy utasítás több sorban is elhelyezhető:
Ebben az esetben a JavaScript megvárja a kifejezés befejezését, ezért nem szúr be automatikusan "virtuális" pontosvesszőt a sorok közé.
Jegyzet: Bár az utasítások végén a pontosvessző nem kötelező, ajánlott mindig szerepeltetni őket. Most ez a szabály, amit minden nagy projekt követ.
Ez a szabály megakadályozza bizonyos hibákat, például a hiányos bevitelt, és lehetővé teszi a kód tömörítését az üres helyek eltávolításával. A pontosvessző nélküli kód tömörítése szintaktikai hibákat eredményez. Ezenkívül a pontosvesszők jelenléte megakadályozza a teljesítmény romlását, mivel az elemzők a hiányzó pontosvesszők hozzáadásával próbálják kijavítani a feltételezett hibákat.
JavaScript programok írásához az Unicode karakterkészletet használják, amely tartalmazza az ASCII és Latin-1 készleteket, és szinte minden nyelv és platform támogatja.
A JavaScriptben minden elem, beleértve a változó-, függvény- és operátorneveket, megkülönbözteti a kis- és nagybetűket, és mindig ugyanazt a kis- és nagybetűket kell tartalmaznia. Például a while kulcsszót "while"-ként kell beírni, nem pedig "While" vagy "WHILE".
Hasonlóképpen, a num, NUM és Num három különböző változó:
A megjegyzések lehetővé teszik egy olyan programrészlet kiemelését, amelyet nem a JavaScript értelmező hajt végre, hanem csak a program tartalmának magyarázatára szolgál.
A JS-ben a megjegyzések egysorosak vagy többsorosak lehetnek.
Az egysoros megjegyzések dupla perjellel kezdődnek // . A szöveg a sor végéig megjegyzésnek minősül:
A többsoros megjegyzés perjellel és csillaggal (/*) kezdődik, és ezekkel végződik fordított sorrendben(*/) . Tehát megjegyzést fűzhet egy vagy több sorhoz:
Tanács: Ne hanyagolja el a megjegyzéseket a kódokban. Hasznosak lesznek a programok hibakeresése és karbantartása során. A fejlesztési szakaszban néha jobb megjegyzést fűzni a program egy felesleges töredékéhez, mint egyszerűen törölni. Mi van, ha helyre kell állítani?
Az azonosító betűk, számok, aláhúzásjelek (_) és dollárjelek ($) sorozata. A számjegy nem lehet az azonosító első karaktere, mert ez megnehezíti a JavaScript értelmező számára az azonosítók és a számok megkülönböztetését. Az azonosítók változók, függvények, objektumtulajdonságok stb. neveként működnek.
A kompatibilitás és a szerkesztés megkönnyítése érdekében az azonosítók összeállításához általában csak ASCII karaktereket és számokat használnak. Az ECMAScript v3-ban azonban az azonosítók a teljes Unicode-karakterkészletből származó betűket és számokat tartalmazhatnak. Ez lehetővé teszi a programozók számára, hogy a változókat anyanyelvükön nevezzék el, és matematikai szimbólumokat használjanak bennük:
var név = "max"; var Π = 3,14;
Történelmileg a programozók használták különböző utak több szó kombinálása azonosítók írásához. Ma két jól bevált hallgatólagos stílus létezik: camelCase és snake_case.
A JavaScriptben a többszavas azonosítók elnevezésének legnépszerűbb stílusa a camelCase. Ez azt jelenti, hogy az első betű kisbetű, az összes következő szó első betűje pedig nagybetű, például:
Var firstSecond; var myCar = "audi"; var doSomethingImportant;
Figyelem: A JavaScriptben nem engedélyezett több szó kombinálása az azonosítók kötőjelekkel történő írásához. A matematikai kivonásokhoz vannak fenntartva.
Megjegyzés: JavaScriptben kulcsszavak, fenntartott szavak és igaz, false és null nem lehet azonosító.
Az ECMA-262 szabvány olyan kulcsszavakat határoz meg, amelyek nem használhatók azonosítóként. fenntartott szavak rendelkeznek bizonyos értéket a JavaScript nyelvben, mivel a nyelv szintaxisának részét képezik. A fenntartott szavak használata fordítási hibát eredményez a szkript betöltésekor.
Ezenkívül az ECMA-262 fenntartott szavakat (fenntartott szavakat) tartalmaz, amelyek szintén nem használhatók azonosítóként vagy tulajdonságnévként. Jelenleg nincs mögöttük funkció, de a jövőbeni verziókban megjelenhet:
Szigorú módban a következő szavakkal egészül ki a lista:
Az ECMAScript 5. kiadásában a kulcsszavak és a fenntartott szavak használatára vonatkozó szabályok némileg módosultak. A korábbiakhoz hasonlóan nem lehetnek azonosítók, de most már használhatók tulajdonságnévként az objektumokban. Az ECMAScript múltbeli és jövőbeli verzióival való kompatibilitás érdekében azonban még mindig jobb, ha nem használ kulcsszavakat és fenntartott szavakat tulajdonságazonosítóként és névként.
Szintaxis A JavaScript a JavaScript programok felépítésére vonatkozó szabályok halmaza.
számítógépes program a számítógép által "végrehajtandó" "utasítások" listája.
Egy programozási nyelvben ezeket a programutasításokat hívják nyilatkozatok.
JavaScript az programozási nyelv.
A JavaScript utasítások el vannak választva pont Val vel vessző.
A HTML-ben a JavaScript programok webböngészővel futtathatók.
A JavaScript utasítások a következőkből állnak:
Értékek, operátorok, kifejezések, kulcsszavak és megjegyzések.
A JavaScript szintaxis kétféle értéket határoz meg: fix értékeket és változó értékeket.
A rögzített értékeket hívják szó szerintiek. A változó értékeket hívják változók.
A legtöbb fontos szabályokat a rögzített értékek írása a következő:
Számok tizedesjegyekkel vagy anélkül írják:
Húrok dupla vagy szimpla idézőjelben írt szöveg:
Programozási nyelven változók használt tárolás adatértékek.
JavaScript használ var kulcsszó bejelenteni változók.
Egyenlő jel-ra használják érték hozzárendeléseket változók.
Ebben a példában x változóként van definiálva. Ekkor x-hez 6-os értéket rendelünk (adunk):
JavaScript használ hozzárendelés operátor(=) számára előirányzatokat változók értékei:
JavaScript használ aritmetikai operátorok (+ - * /) for számításokatértékek:
A kifejezés értékek, változók és operátorok kombinációja, amely egy értékre kiértékelődik.
A számítást pontszámnak nevezzük.
Például az 5 * 10 értéke 50:
A kifejezések változó értékeket is tartalmazhatnak:
Az értékek lehetnek különféle típusok, például számok és karakterláncok.
Például a "John" + "," + "Doe" karakterláncból "John Doe" lesz:
JavaScript kulcsszavakat a végrehajtandó intézkedések meghatározására szolgálnak.
var A kulcsszó azt mondja a böngészőnek, hogy hozzon létre egy új változót:
Nem minden JavaScript utasítás lesz "végrehajtva".
Kód dupla perjel után // vagy között /* És * / valaminek tekintett egy komment.
A megjegyzéseket figyelmen kívül hagyjuk, és nem hajtják végre:
Az azonosítók nevek.
A JavaScriptben az azonosítók változók (és kulcsszavak, valamint függvények és címkék) elnevezésére szolgálnak.
A hivatalos nevekre vonatkozó szabályok a legtöbb programozási nyelvben ugyanazok.
A JavaScriptben az első karakternek betűnek, aláhúzásjelnek (_) vagy dollárjelnek ($) kell lennie.
A következő karakterek lehetnek betűk, számok, aláhúzásjelek vagy dollárjelek.
A számok nem használhatók első karakterként.
Így a JavaScript könnyen meg tudja különböztetni az azonosítókat a számoktól.
Minden JavaScript azonosító érzékeny Nak nek Regisztráció.
Változók vezetéknévÉs VEZETÉKNÉV, két különböző változó.
A JavaScript nem értelmezi VAR vagy Var kulcsszóként var .
Történelmileg a programozók három módszert használtak több szó egyetlen változónévvé kombinálására:
Kötőjelek:
keresztnév, vezetéknév, mesterkártya, városközi.
A kötőjelek nem engedélyezettek a JavaScriptben. Kivonásra szolgál.
Aláhúzás:
keresztnév, vezetéknév, master_card, inter_city.
Teve tok:
Keresztnév, Vezetéknév, MasterCard, InterCity.
A programozási nyelvekben, különösen a JavaScriptben, a teve eset gyakran kisbetűvel kezdődik:
keresztnév, vezetéknév, masterCard, interCity.
A JavaScript karakterkészletet használ Unicode.
Az Unicode (majdnem) minden karaktert, írásjelet és szimbólumot lefed a világon.
