23
A JavaScript A JavaScript bemutatása bemutatása

A JavaScript bemutatása

  • Upload
    lew

  • View
    36

  • Download
    0

Embed Size (px)

DESCRIPTION

A JavaScript bemutatása. Bevezetés. A JavaScript egy tömör, objektum-alapú leíró nyelv, amelyet a kliens-szerver Internet alkalmazásokhoz fejlesztettek ki. A browser (böngésző) fordítja le a JavaScript utasításokat, amelyek közvetlenül bele vannak ágyazva egy HTML lapba. - PowerPoint PPT Presentation

Citation preview

Page 1: A JavaScript bemutatása

A JavaScript A JavaScript bemutatásabemutatása

Page 2: A JavaScript bemutatása

BevezetésBevezetés

A JavaScript egy tömör, objektum-alapú A JavaScript egy tömör, objektum-alapú leíró nyelv, amelyet a kliens-szerver leíró nyelv, amelyet a kliens-szerver Internet alkalmazásokhoz fejlesztettek ki. Internet alkalmazásokhoz fejlesztettek ki. A browser (böngésző) fordítja le a A browser (böngésző) fordítja le a JavaScript utasításokat, amelyek JavaScript utasításokat, amelyek közvetlenül bele vannak ágyazva egy közvetlenül bele vannak ágyazva egy HTML lapba.HTML lapba.

Page 3: A JavaScript bemutatása

Egy kliens alkalmazásban a Egy kliens alkalmazásban a böngészőböngésző fel fel tudja ismerni a HTML lapokba beágyazott tudja ismerni a HTML lapokba beágyazott JavaScript utasításokat és felelni tud JavaScript utasításokat és felelni tud felhasználói eseményekrefelhasználói eseményekre mintmint példáulpéldául::

egérklikkelés egérklikkelés form bemenet form bemenet oldal navigáció. oldal navigáció.

Page 4: A JavaScript bemutatása

TTududunkunk írni egy olyan JavaScript függvényt, ami írni egy olyan JavaScript függvényt, ami ellenellenőőrzi, hogy a felhasználók érvényes rzi, hogy a felhasználók érvényes információt írtak-e be egy formába, ami egy információt írtak-e be egy formába, ami egy telefonszámot vagy egy irányítószámot kért. telefonszámot vagy egy irányítószámot kért. Hálózati átvitel nélkül egy HTML lap a Hálózati átvitel nélkül egy HTML lap a beágyazott JavaScript segítségével ellenbeágyazott JavaScript segítségével ellenőőrizheti rizheti a bevitt szöveget és figyelmezteti a felhasználót a bevitt szöveget és figyelmezteti a felhasználót egy üzenetablak segítségével, ha a bemenet egy üzenetablak segítségével, ha a bemenet nem érvényes. A JavaScriptet cselekvések nem érvényes. A JavaScriptet cselekvések elvégzésére is lehet használni (mintelvégzésére is lehet használni (mint például egy például egy audio file lejátszása, egy applet végrehajtása, audio file lejátszása, egy applet végrehajtása, vagy egy plug-innel való kommunikáció) vagy egy plug-innel való kommunikáció) figyelembe véve, hogy a felhasználó megnyitott figyelembe véve, hogy a felhasználó megnyitott egy lapot vagy kilépett egy lapról. egy lapot vagy kilépett egy lapról.

Page 5: A JavaScript bemutatása

JavaScript és a JavaJavaScript és a Java A JavaScript nyelv hasonlít a Java-hoz, de nincs benne meg a A JavaScript nyelv hasonlít a Java-hoz, de nincs benne meg a

Java típus ellenőrzése. A JavaScript támogatja a legtöbb Java Java típus ellenőrzése. A JavaScript támogatja a legtöbb Java kifejezés szintakszisát és az alapvető folyamat irányítási kifejezés szintakszisát és az alapvető folyamat irányítási konstrukciókat. A JavaScript programokat nem kell lefordítani, konstrukciókat. A JavaScript programokat nem kell lefordítani, ellentétben Java programokkal, mivel a JavaScriptben kis szamú ellentétben Java programokkal, mivel a JavaScriptben kis szamú adattípus van: numerikus, Boolean, és string. adattípus van: numerikus, Boolean, és string.

A JavaScript szintén támogatja a függvényeket, amelyeket A JavaScript szintén támogatja a függvényeket, amelyeket speciális deklarációs követelmények nélkül lehet használni. A speciális deklarációs követelmények nélkül lehet használni. A függvények lehetnek objektumok elemváltozói, amelyeket "laza" függvények lehetnek objektumok elemváltozói, amelyeket "laza" típusú módszerrel hajtanak végre. típusú módszerrel hajtanak végre.

A JavaScript kiegészíti a Java-t, a Java appletek hasznos A JavaScript kiegészíti a Java-t, a Java appletek hasznos tulajdonságait megőrizve. A JavaScript utasítások le tudják tulajdonságait megőrizve. A JavaScript utasítások le tudják kérdezni és be tudják állítani egy alkalmazás tulajdonságait, kérdezni és be tudják állítani egy alkalmazás tulajdonságait, állapotát vagy meg tudják változtatni egy applet vagy plug-in állapotát vagy meg tudják változtatni egy applet vagy plug-in végrehajtását. végrehajtását.

A Java-t egy kiterjeszthető nyelvként tervezték, különösen a gyors A Java-t egy kiterjeszthető nyelvként tervezték, különösen a gyors végrehajtásra és a típus biztonságra helyezték a hangsúlyt. végrehajtásra és a típus biztonságra helyezték a hangsúlyt.

Page 6: A JavaScript bemutatása

A Nyelv KoncepcióiA Nyelv Koncepciói

Értékek,Nevek,LiterálokÉrtékek,Nevek,Literálok

Kifejezések,OperátorokKifejezések,Operátorok

Objektum ModellObjektum Modell

Objektumok,FüggvényekObjektumok,Függvények

Page 7: A JavaScript bemutatása

ÉrtékekÉrtékek

A JavaScript a következő típusokat ismeri: A JavaScript a következő típusokat ismeri: számok, például 17 vagy 54.9357 számok, például 17 vagy 54.9357 logikai (Boolean) értékek, igaz vagy hamis logikai (Boolean) értékek, igaz vagy hamis stringek, például "Hello!" stringek, például "Hello!" null, egy speciális kulcsszó, ami a null értéket jelöli null, egy speciális kulcsszó, ami a null értéket jelöli Relatíve kevés típusú érték, vagy Relatíve kevés típusú érték, vagy adattípusadattípus van. Nincs van. Nincs

explicit különbség az egész és a valós számok között. explicit különbség az egész és a valós számok között. Nincs explicit dátum adattípus sem. De a Date objektum Nincs explicit dátum adattípus sem. De a Date objektum és a beépített függvények segítségével lehetőség nyílik a és a beépített függvények segítségével lehetőség nyílik a dátum kezelésre. dátum kezelésre.

Az objektumok és a függvények alapvető elemei a Az objektumok és a függvények alapvető elemei a nyelvnek. Egy objektum értékeket és függvényeket tárol, nyelvnek. Egy objektum értékeket és függvényeket tárol, amiket az alkalmazások során végre lehet hajtani. amiket az alkalmazások során végre lehet hajtani.

Page 8: A JavaScript bemutatása

Adattípus KonverzióAdattípus Konverzió

A JavaScript laza típusú nyelv. Ez azt jelenti, hogy nem kell egy A JavaScript laza típusú nyelv. Ez azt jelenti, hogy nem kell egy változó adattípusát meghatározni deklaráláskor, és az változó adattípusát meghatározni deklaráláskor, és az adattípusokat automatikusan átkonvertálja, ha az szükséges a adattípusokat automatikusan átkonvertálja, ha az szükséges a script végrehajtása során. Például így lehet egy változót definiálni: script végrehajtása során. Például így lehet egy változót definiálni:

var ertek = 29 Később ugyanez a változó felvehet egy string var ertek = 29 Később ugyanez a változó felvehet egy string értéket is, például: értéket is, például:

ertek = „Köszönöm az halatertek = „Köszönöm az halat!!" Mivel a JavaScript laza típusú nyelv, " Mivel a JavaScript laza típusú nyelv, ez nem okoz hibaüzenetet. ez nem okoz hibaüzenetet.

Általában a kifejezések numerikus és string értékeket is Általában a kifejezések numerikus és string értékeket is tartalmaznak. A JavaScript átkonvertálja a numerikus értéket tartalmaznak. A JavaScript átkonvertálja a numerikus értéket stringgé. Példaként nézzük a következő utasításokat: stringgé. Példaként nézzük a következő utasításokat:

x = „Az érték: " + 29, y = 29 + " az érték." Az első utasítás a „Az x = „Az érték: " + 29, y = 29 + " az érték." Az első utasítás a „Az érték: 29" stringgel, a második utasítás a „29 az érték" stringgel érték: 29" stringgel, a második utasítás a „29 az érték" stringgel tér vissza. tér vissza.

Page 9: A JavaScript bemutatása

VáltozónevekVáltozónevek Értékek tárolására változókat lehet használni. Ezekre a Értékek tárolására változókat lehet használni. Ezekre a

változónevek-re amikről beszélünk megfelelő változónevek-re amikről beszélünk megfelelő szabályok vonatkoznak. szabályok vonatkoznak.

Egy JavaScript azonosító vagy név betűvel (a-z vagy Egy JavaScript azonosító vagy név betűvel (a-z vagy A-Z) vagy '_' aláhúzás karakterrel kezdődhet, amelyek A-Z) vagy '_' aláhúzás karakterrel kezdődhet, amelyek után betűk,számjegyek és aláhúzás karakterek után betűk,számjegyek és aláhúzás karakterek tetszőleges kombinációja állhat. A JavaScript a kis és tetszőleges kombinációja állhat. A JavaScript a kis és nagybetűket megkülönbözteti. nagybetűket megkülönbözteti.

Néhány példa helyes változónévre: Néhány példa helyes változónévre: Number_hits Number_hits temp99 temp99 _name _name

Page 10: A JavaScript bemutatása

Literálok (konstansok)Literálok (konstansok)

A literálokkal lehet értékeket A literálokkal lehet értékeket megjeleníteni a JavaScript-ben. Ezek fix megjeleníteni a JavaScript-ben. Ezek fix értékek, amelyek szó szerint benne értékek, amelyek szó szerint benne vannak a forráskódban, de nem változók. vannak a forráskódban, de nem változók. Literálokra példák: Literálokra példák:

42 42 3.14159 3.14159 "To be or not to be" "To be or not to be"

Page 11: A JavaScript bemutatása

Egészek:Egészek: Az egész számokat decimális, hexadecimális és oktális formában lehet Az egész számokat decimális, hexadecimális és oktális formában lehet

kifejezni. Egy decimális egész literál számjegyek sorozatából áll, ahol a 0 kifejezni. Egy decimális egész literál számjegyek sorozatából áll, ahol a 0 számjegy nem állhat az első helyen. számjegy nem állhat az első helyen.

Egy egész számot ki lehet fejezni oktális és hexadecimális formában is. Egy egész számot ki lehet fejezni oktális és hexadecimális formában is. Ha egy szám első számjegye 0 az azt jelenti,hogy a szám oktális, ha az Ha egy szám első számjegye 0 az azt jelenti,hogy a szám oktális, ha az első számjegye 0x (0X) az azt jelenti, hogy hexadecimális.első számjegye 0x (0X) az azt jelenti, hogy hexadecimális.

Lebegőpontos konstansok:Lebegőpontos konstansok: Egy lebegőpontos literálnak a következő részei vannak: egy decimális Egy lebegőpontos literálnak a következő részei vannak: egy decimális

egész, egy tizedespont ("."), egy törtrész (másik decimális szám), egy egész, egy tizedespont ("."), egy törtrész (másik decimális szám), egy exponens és egy típus utótag. Az exponens rész az egy "e" vagy "E" és exponens és egy típus utótag. Az exponens rész az egy "e" vagy "E" és utána egy egész, ami lehet előjeles (+,-). Egy lebegőpontos literál utána egy egész, ami lehet előjeles (+,-). Egy lebegőpontos literál legalább egy számjegy és egy tizedespont vagy "e" ("E"). Íme néhány legalább egy számjegy és egy tizedespont vagy "e" ("E"). Íme néhány

példa lebegőpontos literálra:példa lebegőpontos literálra: 3.1415 3.1415 -3.1E12 -3.1E12 .1e12 .1e12

Page 12: A JavaScript bemutatása

StringekStringek Egy string literál nulla vagy több karakter dupla vagy egyszeres Egy string literál nulla vagy több karakter dupla vagy egyszeres

idézőjelek közé zárva. Egy stringet ugyanolyan típusú idézőjellel kell idézőjelek közé zárva. Egy stringet ugyanolyan típusú idézőjellel kell határolni. Ez azt jelenti, hogy mind a kettő vagy egyszeres vagy dupla határolni. Ez azt jelenti, hogy mind a kettő vagy egyszeres vagy dupla idézőjel. A következő példák string literálokat mutatnak be: idézőjel. A következő példák string literálokat mutatnak be:

"blabla" "blabla" 'blabla' 'blabla' "1234""1234" "one line \n another line""one line \n another line"

Speciális KarakterekSpeciális Karakterek A következő speciális karakterek lehetnek a JavaScript string literáljaiban: A következő speciális karakterek lehetnek a JavaScript string literáljaiban: \b\b backspace (visszalépéses törlés) backspace (visszalépéses törlés) \f\f lapdobás lapdobás \n\n újsor újsor \r\r kocsivissza kocsivissza \t\t tabulátor karakter tabulátor karakter \a\a sípolás sípolás

Page 13: A JavaScript bemutatása

KifejezésekKifejezések A kifejezés literálok, változók, operátorok és utasítások A kifejezés literálok, változók, operátorok és utasítások

kombinációja amely kiértékelése egyetlen értéket kombinációja amely kiértékelése egyetlen értéket eredményez. Az érték lehet egy szám, egy string vagy eredményez. Az érték lehet egy szám, egy string vagy egy logikai érték. Elvben kétfajta kifejezés van: ami egy egy logikai érték. Elvben kétfajta kifejezés van: ami egy értéket ad egy változónak, és amelyiknek egyszerűen értéket ad egy változónak, és amelyiknek egyszerűen van egy értéke. Például a kifejezés van egy értéke. Például a kifejezés

x = 7 x = 7 egy olyan kifejezés ami az x változónak 7-t értékül. A egy olyan kifejezés ami az x változónak 7-t értékül. A

kifejezés önmagának adja értékül a 7-t. Az ilyen kifejezés önmagának adja értékül a 7-t. Az ilyen kifejezés az értékadó operátor-t használja. Másrészt a kifejezés az értékadó operátor-t használja. Másrészt a kifejezés kifejezés

3 + 4 3 + 4 egyszerűen kiértékelődik 7-nek, és nem végez egyszerűen kiértékelődik 7-nek, és nem végez

értékadást. Az ilyen kifejezésekben használt értékadást. Az ilyen kifejezésekben használt operátorokat lehet operátorokat lehet operátoroperátor-nak tekinteni. -nak tekinteni.

Page 14: A JavaScript bemutatása

A JavaScriptben az alábbi kifejezések A JavaScriptben az alábbi kifejezések találhatók: találhatók:

Aritmetikai: egyetlen számot ad vissza Aritmetikai: egyetlen számot ad vissza string: egyetlen stringet eredményez string: egyetlen stringet eredményez Logikai: igaz vagy hamis értéket Logikai: igaz vagy hamis értéket

eredményez eredményez A speciális kulcsszó A speciális kulcsszó nullnull jelöli a null jelöli a null

értéket. A változóknak nem lehetne értéket. A változóknak nem lehetne definiálatlandefiniálatlan értéket adni, és nem lehetne értéket adni, és nem lehetne használni őket futási hiba nélkül. használni őket futási hiba nélkül.

Page 15: A JavaScript bemutatása

Feltételes KifejezésekFeltételes Kifejezések

Egy feltételes kifejezés felvehet kétfajta értéket Egy feltételes kifejezés felvehet kétfajta értéket a feltételtől függően. A szintaxis a következő: a feltételtől függően. A szintaxis a következő:

((feltételfeltétel) ? ) ? érték1érték1 : : érték2érték2 Ha a Ha a feltételfeltétel igaz, a igaz, a kifejezés értéke az kifejezés értéke az érték1érték1 lesz, ha nem az lesz, ha nem az érték2érték2. Ugyanott lehet feltételes kifejezést is . Ugyanott lehet feltételes kifejezést is használni, ahol lehet sima kifejezést. használni, ahol lehet sima kifejezést.

For example, For example, status = (age >= 18) ? "adult" : "minor" Ez az status = (age >= 18) ? "adult" : "minor" Ez az

utasítás "adult"-ot ad értékül a status utasítás "adult"-ot ad értékül a status változónak, ha az age tizennyolc vagy változónak, ha az age tizennyolc vagy nagyobb, egyébként pedig "minor"-t ad értékül. nagyobb, egyébként pedig "minor"-t ad értékül.

Page 16: A JavaScript bemutatása

Értékadó Operátorok Értékadó Operátorok (=, +=, -=, *=, /=)(=, +=, -=, *=, /=)

Egy értékadó operátor a baloldali operandusnak ad Egy értékadó operátor a baloldali operandusnak ad értéket. Az egyenlőség operátor (=) egyszerűen a értéket. Az egyenlőség operátor (=) egyszerűen a jobboldali operandus értékét adja át a baloldali jobboldali operandus értékét adja át a baloldali operandusnak. Például x = y az y értékét adja az x operandusnak. Például x = y az y értékét adja az x operandusnak. operandusnak.

Ezek az operátorok az aritmetikai operátorok Ezek az operátorok az aritmetikai operátorok rövidítései: rövidítései:

x += y jelenti x = x + y x += y jelenti x = x + y x -= y jelenti x = x - y x -= y jelenti x = x - y x *= y jelenti x = x * y x *= y jelenti x = x * y x /= y jelenti x = x / y x /= y jelenti x = x / y x %= y jelenti x = x % y x %= y jelenti x = x % y

Page 17: A JavaScript bemutatása

OperátorokOperátorok

A JavaScriptben vannak aritmetikai, string és logikai A JavaScriptben vannak aritmetikai, string és logikai operátorok. Vannak kétoperandusú és egyoperandusú operátorok. Vannak kétoperandusú és egyoperandusú operátorok. A kétoperandusú operátoroknak egyik operátorok. A kétoperandusú operátoroknak egyik operandusa az operátor előtt, a másik pedig az operandusa az operátor előtt, a másik pedig az operátor után helyezkedik el: operátor után helyezkedik el:

operandus1 operátor operandus2operandus1 operátor operandus2 Például, 3 + 4 or x * y Például, 3 + 4 or x * y Az egyoperandusú operátornál az operandus vagy az Az egyoperandusú operátornál az operandus vagy az

operátor után, vagy az operátor előtt található: operátor után, vagy az operátor előtt található: operátor operandus operátor operandus vagyvagy operandus operátor operandus operátor Például, x++ or ++x.Például, x++ or ++x.

Page 18: A JavaScript bemutatása

Összehasonlító Operátorok Összehasonlító Operátorok (= =, >, >=, <, <=, !=)(= =, >, >=, <, <=, !=)

Egy összehasonlító operátor Egy összehasonlító operátor összehasonlítja az operátorait és összehasonlítja az operátorait és visszatér egy logikai értékkel, ami igaz, visszatér egy logikai értékkel, ami igaz, ha az összehasonlítás igaz, ellenkező ha az összehasonlítás igaz, ellenkező esetben pedig hamis. Az operandusok esetben pedig hamis. Az operandusok lehetnek numerikus vagy string értékek. lehetnek numerikus vagy string értékek. string értékek összehasonlítása a string értékek összehasonlítása a lexikografikus sorrenden alapul. lexikografikus sorrenden alapul.

Page 19: A JavaScript bemutatása

string Operátorokstring Operátorok

A stringekre az összehasonlító operátorokon A stringekre az összehasonlító operátorokon kívül a konkatenáció operátort (+) is lehet kívül a konkatenáció operátort (+) is lehet használni. Ez az operátor két stringet használni. Ez az operátor két stringet összekapcsol és visszatér a két operandus összekapcsol és visszatér a két operandus string úniójaként kapott stringgel. Például: string úniójaként kapott stringgel. Például:

"my " + "string" eredménye: "my string" "my " + "string" eredménye: "my string"

A rövidített értékadó operátort (+=), szintén A rövidített értékadó operátort (+=), szintén lehet használni stringek konkatenálására.lehet használni stringek konkatenálására.

Page 20: A JavaScript bemutatása

A JavaScript Objektum A JavaScript Objektum ModellModell

A JavaScript egy egyszerű objektum-orientált A JavaScript egy egyszerű objektum-orientált paradigmán alapszik. Egy objektum paradigmán alapszik. Egy objektum elemváltozók együttese, amik JavaScript elemváltozók együttese, amik JavaScript változók. Az elemváltozók más objektumok is változók. Az elemváltozók más objektumok is lehetnek. Egy objektumhoz kapcsolódó lehetnek. Egy objektumhoz kapcsolódó függvényeket az objektum függvényeket az objektum elemfüggvényeinekelemfüggvényeinek nevezzük. nevezzük.

Ezen felül a beépített objektumok segítségével Ezen felül a beépített objektumok segítségével saját objektumokat lehet definiálni. saját objektumokat lehet definiálni.

Page 21: A JavaScript bemutatása

Objektumok és ElemváltozókObjektumok és Elemváltozók Egy JavaScript objektum elemváltozói Egy JavaScript objektum elemváltozói

összefüggésben vannak magával az objektummal. összefüggésben vannak magával az objektummal. Az objektumok elemváltozóit egy egyszerű jelölés Az objektumok elemváltozóit egy egyszerű jelölés segítségével lehet elérni: segítségével lehet elérni: objektumNév.elemváltozóNév objektumNév.elemváltozóNév

Az objektumnévben is, és az elemváltozónévben is Az objektumnévben is, és az elemváltozónévben is a kis és nagybetűk meg vannak különböztetve. a kis és nagybetűk meg vannak különböztetve. Egy elemváltozót értékadás áltál definiálunk. Egy elemváltozót értékadás áltál definiálunk. Például tegyük fel, hogy van egy Például tegyük fel, hogy van egy myCarmyCar nevű nevű objektumunk. Így adhatunk a objektumunk. Így adhatunk a makemake, , modelmodel és a és a yearyear elemváltozóknak értéket: elemváltozóknak értéket:

myCar.make = "Ford" myCar.make = "Ford" myCar.model = "Mustang" myCar.model = "Mustang" myCar.year = 69; myCar.year = 69;

Page 22: A JavaScript bemutatása

Függvények és Függvények és ElemfüggvényekElemfüggvények

A függvények a JavaScript nyelv egyik alapvető építőelemei. Egy A függvények a JavaScript nyelv egyik alapvető építőelemei. Egy függvény egy JavaScript eljárás--utasítások halmaza, amelyek függvény egy JavaScript eljárás--utasítások halmaza, amelyek speciális feladatokat végeznek. speciális feladatokat végeznek.

A függvény definíciója a A függvény definíciója a functionfunction kulcsszóval kezdődik, amit követ kulcsszóval kezdődik, amit követ a függvény neve a függvény neve a függvény paraméterlistája, amiket zárójelbe kell tenni és vesszővel a függvény paraméterlistája, amiket zárójelbe kell tenni és vesszővel

elválasztani elválasztani a JavaScript utasítások, amiket kapcsos zárójelek közé kell elhelyezni a JavaScript utasítások, amiket kapcsos zárójelek közé kell elhelyezni Egy alkalmazásban az aktuális lapon definiált összes függvényt lehet Egy alkalmazásban az aktuális lapon definiált összes függvényt lehet

használni. Általában célszerű az összes függvény a lap HEAD használni. Általában célszerű az összes függvény a lap HEAD részében definiálni. Mivel, ha egy felhasználó betölti a lapot, akkor az részében definiálni. Mivel, ha egy felhasználó betölti a lapot, akkor az függvények biztos, hogy előbb betöltődnek, minthogy a felhasználó függvények biztos, hogy előbb betöltődnek, minthogy a felhasználó valamit is csinálna. valamit is csinálna.

A függvényekben lévő utasítások lehetnek korábban definiált A függvényekben lévő utasítások lehetnek korábban definiált függvények meghívásai. függvények meghívásai.

Példa függvény definiálásra: Példa függvény definiálásra: function pretty_print(string) { document.write("<HR><P>" + string) } function pretty_print(string) { document.write("<HR><P>" + string) } Ennek a függvénynek egy string argumentuma van, amit néhány Ennek a függvénynek egy string argumentuma van, amit néhány

HTML tag-hez hozzákapcsol a konkatenáció operátor segítségével és HTML tag-hez hozzákapcsol a konkatenáció operátor segítségével és az eredményt kijelzi az aktuális dokumentumban. az eredményt kijelzi az aktuális dokumentumban.

Page 23: A JavaScript bemutatása

Új Objektumok LétrehozásaÚj Objektumok Létrehozása Mind a kliens, mind pedig a server JavaScript alkalmazásokban Mind a kliens, mind pedig a server JavaScript alkalmazásokban

számos előre definiált objektum van. Az új objektumok számos előre definiált objektum van. Az új objektumok létrehozása két lépcsőben törénik: létrehozása két lépcsőben törénik:

Definiálni az objektum típust függvény írás segítségével. Definiálni az objektum típust függvény írás segítségével. Létrehozni a Létrehozni a newnew paranccsal az objektum egy példányát. paranccsal az objektum egy példányát. Ha definiálni akarunk egy objektum típust, akkor létre kell Ha definiálni akarunk egy objektum típust, akkor létre kell

hoznunk egy függvényt, ami az objektum típus nevét, hoznunk egy függvényt, ami az objektum típus nevét, elemváltozót, és elemfüggvényeit meghatározza. Példaként elemváltozót, és elemfüggvényeit meghatározza. Példaként tegyük fel, hogy létre akarunk hozni az autók részére egy tegyük fel, hogy létre akarunk hozni az autók részére egy objektum típust. Azt akarjuk, hogy az objektum neve objektum típust. Azt akarjuk, hogy az objektum neve carcar legyen, legyen, és legyenek és legyenek makemake, , modelmodel és és yearyear elemváltozói. Ehhez a elemváltozói. Ehhez a következő függvényt kell megírni: következő függvényt kell megírni:

function car(make, model, year) { this.make = make; this.model function car(make, model, year) { this.make = make; this.model = model; this.year = year; } A = model; this.year = year; } A thisthis ebben az esetben a ebben az esetben a függvénynek átadott értékeket rendeli az objektum függvénynek átadott értékeket rendeli az objektum elemváltozóihoz. elemváltozóihoz.

Most már létre lehet hozni a Most már létre lehet hozni a mycarmycar nevű objektumot: nevű objektumot: mycar = new car("Eagle", "Talon TSi", 1993); mycar = new car("Eagle", "Talon TSi", 1993); Ez az utasítás létrehozza a Ez az utasítás létrehozza a mycarmycar objektmot, és a megfelelő objektmot, és a megfelelő

elemváltozóértékekhez hozzárendeli a megfelelő paraméter elemváltozóértékekhez hozzárendeli a megfelelő paraméter értékeket. értékeket.