Fejlesztette | Alapcsapat prototípus |
---|---|
Az első verzió | 2005. február |
Utolsó verzió | 1.7.3 (2015. szeptember 22) |
Letét | github.com/sstephenson/prototype |
Projekt állapota | Aktív |
Beírva | Javascript |
típus | Keretrendszer |
Engedély | MIT licenc |
Weboldal | http://prototypejs.org |
A Prototype egy JavaScript keretrendszer , amelyet Sam Stephenson hozott létre2005. februára Ruby on Rails Ajax támogatásának egyik építőköve .
A prototípust önállóan terjesztik, de része lehet olyan nagyobb projekteknek, mint a Ruby on Rails, a script.aculo.us és a Rico . A prototípust a weboldalak 2,7% -a használja, így ez az egyik legnépszerűbb JavaScript könyvtár .
A prototípus különféle funkciókat biztosít az alkalmazások fejlesztéséhez. A funkcionalitás hatóköre a parancsikonoktól az XMLHttpRequest (Ajax) funkciókig terjed .
Ezenkívül olyan funkciókat is biztosít az objektumok programozásához, amelyekre a klasszikus JavaScript nem képes. A natív JavaScript-ben a függvény létrehozása prototípus tulajdonsággal rendelkezik . A prototípus keretet nem szabad összekeverni ezzel az elemmel.
A dollár függvényt $ a DOM módszer parancsikonjaként használják getElementById, amely lehetővé teszi az összes elem elérését.
Példa felhasználásra:
A kód csökkentése a függvény használata után:
$("id_of_element").setStyle({color: "#ffffff"}); Funkció $FA funkcióra támaszkodik $. Visszaadja a kért űrlap elem értékét. Bemenet textesetén a függvény visszaadja az elemben található adatokat. Bemeneti elem selectesetén a függvény az aktuálisan kiválasztott értéket adja vissza.
$F("id_of_input_element") Tárgy AjaxKét módszer: Ajax.Request(egy AJAX hívás nyers XML kimenetét adja vissza) és Ajax.Updater(a visszatérést egy megadott DOM objektumon belül injektálja) Felhasználási
példa: Az Ajax.Requestalábbiakban megtalálja a két beviteli elem HTML űrlapjának aktuális értékeit, HTTP POST kérést ad ki a kiszolgálóhoz az elem értékeivel, és végrehajt egy egyedi függvényt (az showResponsealábbiakban hívják ), amikor a HTTP választ a szerver megkapja:
A könyvtár biztosítja az objektumorientált programozás elemeit. A módszert Class.createegy új osztály létrehozására használják. Ezután egy osztályhoz hozzárendelnek egy prototípust, amely sablonként működik az osztály példányai számára.
var FirstClass = Class.create( { // La méthode initialize sert de [[Syntaxe_JavaScript#Constructeur|constructeur]] initialize: function () { this.data = "Bonjour"; } });Egy másik osztály kibővítése:
Ajax.Request = Class.create( Ajax.Base, { // Remplace la méthode d'initialisation initialize: function(url, options) { this.transport = Ajax.getTransport(); this.setOptions(options); this.request(url); }, // ... });A függvény Object.extend(dest, src)két objektumot vesz paraméterként, és átmásolja a második objektum tulajdonságait (az öröklés fogalma). Az egyesített objektum a függvény eredményeként kerül visszaadásra. A fenti példához hasonlóan az első paraméter általában létrehozza az alapobjektumot, míg a második egy névtelen objektum, amelyet csak további tulajdonságok beállítására használnak. Az alosztály teljes deklarációja a függvényhívás zárójelében található.