javascript nyelv - tárgyak, módszerek és tulajdonságok

új anyagok

Tárgyak, módszerek és tulajdonságok

Tárgyak és prototípusok

Most, egy tipikus OOP hierarchikus öröklési modell Java, akkor létrehozhat utód objektumok (osztályok), például az ilyen típusú gépek, mint például a teherautók és buszok:

Ebben az esetben a busz és tehergépjármű tárgyak örökli az összes tulajdonságait a szülőobjektumuktól Automobile. Ebben az esetben ők öröklik a tulajdonságait a gyártó és a modell. Figyeljük meg, hogy meghatározzuk a Java osztályok szükséges minden egyes alkalommal, hogy meghatározza azt a módszert, neve megegyezik az osztály nevét. Ezt a módszert nevezik a kivitelező, és az úgynevezett automatikusan létrehoz egy új példányt az objektum. Megjegyezzük, hogy az objektum-orientált nyelvek, a tárgy először azonosítani kell, majd - által létrehozott hívja a kivitelező.

Ezután hozza létre az utód objektumok öröklik tulajdonságai Automobile osztály:

funkció Lorry () Lorry.prototype = új Automobile; funkció Bus () Bus.prototype = új Automobile;

Nyilvánvaló, hogy az új objektumok eredetileg nem kapcsolódik a szülő, hogy megint nem jellemző a PFSZ. Kötődés a szülő osztály készül külön a kulcsszó prototípus, amely azt jelzi, hogy az objektum, amely alapján létrehozott másik célja, úgynevezett prototípus.

Tárgyak és tulajdonságaik

Hozzárendelni egy objektum tulajdonság értéket, elegendő hozzá. Például, ha megnézzük a fenti példában az objektum-jármű, vagy inkább egy teherautó, majd értékeket rendelni minden tulajdonságot Tehergépkocsi objektumot, meg kell írni a következőket:

var MyTrack = új Lorry; // létre például egy tárgy alapuló Lorry MyTrack.vendor = „KAMAZ”; // értékének meghatározása az eladó MyTrack.model = „6520”; // értékének meghatározásához a modell MyTrack.carrying_tons = 20; // tulajdonságait határozzák carrying_tons értéke

Mivel a változó MyTrack egy teljes objektum, akkor az üzemeltető, annak érdekében, hogy rögzítse tömörebb:

MyTrack [a "Forgalmazó"] = "KAMAZ"; MyTrack [ "modell"] = "6520"; MyTrack [ "carrying_tons"] = 20;

Most, hogy már foglalkozott a feladat értékeinek tárgyak tulajdonságait, hozzunk létre egy függvényt, amely visszatér minden objektum tulajdonságait együtt az értéküket. Ehhez szükségünk van egy operátort-ben, amellyel lehet szervezni egy hurkot, amely megismétli az egész objektum tulajdonságait. Ennek eredményeként megkapjuk ezt a funkciót:

Az eredmény egy ilyen függvény a visszavonását összes objektum tulajdonságai az alábbi értékekkel:

carrying_tons = 20 eladóval = Kamaz modell = 6520

Az eredmény az lenne jobban néz ki, ha a cím az ingatlan nevükkel maga a tárgy. Ehhez, akkor frissíteni több funkciót úgy, hogy megkapta a második érv az objektum nevét:

funkció show_props (obj, obj_name)

Most azt kell használni ezt az érvelést. Ehhez hajtsa végre a módosításokat a sor, hogy „összegyűjti” az eredmény:

eredmény + = obj_name + "" + I + "=" + obj [i] + "\ n";

Ha ezt a funkciót, használja érvként, hogy a document.write eljárást, kimenetre szöveget közvetlenül a HTML-dokumentum, akkor valami ilyesmit a böngésző:

MyTrack.carrying_tons = 20 MyTrack.vendor = KAMAZ MyTrack.model = 6520

Komplett példa megtalálható tárgyakat \ automobile.html fájlt.

Új objektum létrehozása

Így abban a pillanatban, létrehozva egy új példányt az objektum típusát autó akkor azonnal meg értékeket összes tulajdonságait:

Így a cél az, hogy a jármű, felírható:

Ebben az előzetes meghatározása konstruktor függvényt már nincs szükség, amint hozzon létre egy változót is egy példányát egy tárgy. Tulajdonképpen ebben rejlik a fő hátránya, hogy ez a megközelítés: ha kell létrehoznia egy ilyen esetben, akkor újra kell felsorolni az összes tulajdonságait.

Végül azt is figyelembe venni egy másik aspektusa az objektumok létrehozásához kapcsolódó, mi lehet annak tulajdonságait. Az előző példákban már csak egyszerű adattípusok - mint például a szövegek és számok. De valójában, az ingatlan az objektum lehet egy másik objektumot. Például, hogy a leírás a gép, akkor adjunk hozzá egy tulajdonság, mint a motor. Másfelől, a motor olyan tulajdonságokkal, mint például a térfogat és a hengerek. Így a klasszikus megközelítés, mi határozza meg az első objektum-motor, majd a tárgy - gép:

Most próbálja meg létrehozni az objektumot, és rendelje hozzá az értékeket összes tulajdonságait. Ha az első három tulajdonság kérdés merül fel, hogy hogyan lehet az utolsó, ami a tárgyat? Először is, szükségünk van egy példányának létrehozásához az objektum, és csak akkor, amikor már definiálva, akkor létrehozhat egy példánya autó:

Persze, hogy hozzon létre egy ilyen objektum lehet, és a kezdőérték. Erre a célra a meghatározása egy objektum, mint egy tulajdonság jelzi meghatározásának egy másik objektumot. Úgy fog kinézni:

Mindkét esetben, azonnal rendeljen értéket minden tulajdonságait. Ugyanakkor azt is még nyitott kérdés marad tulajdonságainak módosítása az objektumok. És ez megtörtént újra a dot jelölést, csak azért, hogy a paramétereket a motor, akkor kell használni egy pont kétszer

MyCar.engine.volume = 1.3; MyCar.engine.cylinders = 4;

Ha az egyik objektum tulajdonságait motor volt a cél, akkor kell használni egy pont háromszor, stb Egy példa látható car_object.html fájlt.

objektum módszerek

Egy olyan módszer, meg kell először, írj egy függvény, amely végrehajtja, majd adja meg a kivitelező az objektum. Tegyük fel, hogy ne zavarják a funkciót, amely egy táblázatban megjeleníti az összes tulajdonságait a jármű (vagy inkább a tárgy autó). Ilyen esetben, írunk egy funkciót:

Ez a funkció először létrehoz egy string változó str, amely összehozza az összes egy objektum tulajdonságait a HTML-elrendezés, majd megjeleníti ezt a fonalat a böngészőnek. Felhívjuk figyelmét, hogy a tulajdonságok az objektum függvény hívások segítségével ez a mutató - ez a szintaxis azt jelenti, hogy ez a funkció a tárgy.

Most, hogy van egy funkció, amely célja, hogy meghatározza a módszer az objektum. Ehhez egyszerűen csak hozzá a nevét, a funkció, hogy a leírás:

Most hozzunk létre egy objektum típusú autó, akkor egyszerűen használja a saját módszerét, hogy megjelenjen az összes paramétert a táblázatban:

Ábra. 4.3. Az eljárás eredményét displayCar () objektum autó

Teljesen működő példa displayCar () módszer, ahol több objektum ilyen gépkocsi megtalálható methods.html fájlban.

Egyes módszerek az ablak és a dokumentum

Először is, ez a módszer éber, gyors és a megerősítés tartozó window objektum, és az eljárás a riasztási, ami egy modális párbeszédpanel a szöveggel, akkor már ismerős:

A fennmaradó 2 módszer is létrehozhat a modális párbeszédeket, de különböznek, hogy elvárják, hogy a felhasználó egy adott műveletet. Tehát, hogy az alkalmazott módszer lehetővé teszi, hogy válasszon egyet a két válasz:

Ennek eredményeként ez a parancs a böngésző megjelenik egy ablak a megadott szöveget, és azt javasolja, hogy a választás mellett két lehetséges válasz (ábra. 4.4).

Ábra. 4.4. A választás a két válasz - az első lépés az interaktivitás

Ahhoz, hogy használni ezt a módszert false vagy true, attól függően, hogy mi a felhasználó rákattint a gombra, meg kell igénybe a feltételes állítás. Például, hogy megjelenjen egy asztalnál információt a készülékről, ha a felhasználó elfogadja, akkor változtatni a kódot az alábbiak szerint:

if (megerősítéshez ( "? Vvyvesti a gép")) MyCar.displayCar (); mást alert ( "Sam nem volt hajlandó!");

Most, az elején a dokumentum betöltésekor megjelenik egy párbeszédablak a megadott nekünk kérdését, és nyomja meg az „OK” és a „Mégse” gombra. Ha az OK gombra kattint, akkor lásd a táblázatot a jellemzői az autót, különben úgy fog tűnni egy új ablakban a „nem volt hajlandó magát!”.

Még ennél is érdekesebb az azonnali eljárás, amely lehetővé teszi a felhasználó számára, hogy adja meg az értékeket a kérdésekre adott válaszokat a segítségével ezt a módszert, kérdések. Például, akkor kérheti a felhasználótól a nevét:

var Name = prompt ( "Mi a neved?");

Az eredmény ez a funkció az ablak szövegét tartalmazó a kérdést, és a vonalat a válasz (ábra. 4.5). Az a tény, hogy a visszatérési értéke ez a módszer, mert szükség van valahogy használni (például hozzárendel egy változó neve), nem okozhat problémát, mert a gyors eljárás, valamint a megerősítés, egy olyan funkció, hogy egy értéket ad vissza.

Ábra. 4.5. Párbeszédablakban által okozott azonnali

Mivel a lekérdezés ablakban okozta gyors, mint ahány 2 gomb, meg kell venni, hogy ha a felhasználó helyett be szöveget, majd nyomja meg az OK gombot, hogy kattintson a „Mégsem”, a visszatérési érték nulla. Ha a felhasználó az OK gombra kattint, hagyja üresen a mezőt, akkor a visszaadott érték egy üres karakterlánc. De ellentétben a figyelmeztetést, és a megerősítés, az azonnali eljárás, sőt, van még egy paraméter, amely meghatározza a választ arra a kérdésre, alapértelmezett. Például megadhatja bármilyen nevet általánosítva általános válasz:

var Name = prompt ( "Mi a neved?", "The Wanderer");

Megjegyzés
MSIE böngésző a hívás azonnali eljárás nélkül további paramétert alapértelmezett karaktersorozat tapad definiált. Ezért annak érdekében, hogy ne vezessenek be zavart a felhasználó, és nem, hogy neki törli ezt a feliratot, mindig egy további paramétert is, rámutatva, hogy egy üres szöveg értékkel.

A példa szerinti eljárást azonnali lehet tenni a jármű osztály az érdekesebb, ami lehetőséget ad arra, hogy belépjen (vagy szerkesztése) a gép paramétereit sorrendben kimenetre több ablakot a vizsgálatot. Továbbfejlesztett így láthatja példát confirm.html fájlt.

Ahhoz, hogy hozzon létre egy modális ablak (azaz normális böngésző ablak tartalmának megjelenítéséhez a HTML-dokumentumok) használt nyílt módszere:

var newWindow = window.open ( "readme.html", "readme"); NewWindow.close ();

Ez létrehoz egy új böngésző ablak, ahol a letöltött fájl readme.html után azonnal amely zárva van más módszer - közel.

Mivel az ablak paramétereit megadhatja annak méreteit, valamint meghatározza a jelenléte vagy hiánya a kontroll elemek (különösen, eszköztár). Például, hogy hozzon létre egy ablak szélessége 400, magassága 300 pixel, és ne kelljen egy eszköztár ne okozzon nyílt módszere a következő paraméterekkel:

var newWindow = window.open ( "", "", "eszköztár = 0, magasság = 300, szélesség = 400");

Ha az ablak objektum felelős a böngésző ablakot, a dokumentum objektum kifejezés közvetlenül annak tartalmát. Tehát, a dokumentum objektum is, ott van a nyílt módszer, de nem hoz létre egy új ablakot és betölti a dokumentum elérhető:

document.write ( „A szöveg, hogy lesz írva a dokumentum”); document.writeln ( „A szöveg, amely szintén rögzíteni kell a dokumentum”);

A különbség a write () és writeln () csak az a tény, hogy az utóbbi hozzáfűzi a szimbólum „soremelés» (\ n). Befejezése után a kimenet a dokumentum szövegének hasznos módszert alkalmazza közeli:

Itt vagyunk, mindenekelőtt új ablakot (newWindow). Kezdetben az üres lesz, de mi is jól, hogy őt egy szöveges nyitotta meg, rögzítésére és módszer writeln.

A teljesebb példában bemutatjuk, hogyan módszerek és a dokumentum ablakban megtalálható window.html fájlt.


SNK GSCP - egy új könyvtárat a PHP 5!
Web Studio és Vizuális Műhely Library:
Szabványok web-technológia
Monopoly v. 2.0.2 Letöltések:
letölthető szoftver Termékek:
programok és könyvek

Kapcsolódó cikkek