Hirdetés

Keresés

Új hozzászólás Aktív témák

  • Jim-Y

    veterán

    válasz Jim-Y #4936 üzenetére

    Ezer ilyen van a neten, de ha mar szorakoztam vele egy kicsit, akkor leirom :D

    function Animal(breed) {
    this.breed = breed;
    }

    function Monkey(name) {
    Animal.call(this, 'mammal');
    this.name = name;
    }

    Monkey.prototype = new Animal();
    Monkey.prototype.constructor = Monkey;

    var charlie = new Monkey('Charlie');

    console.log(charlie.name, charlie.breed); //"Charlie" "mammal"
    console.log(charlie instanceof Animal); // true
    console.log(charlie instanceof Monkey); // true

    Eloszor csinalunk egy Animal constructor function-t (hivjuk osztalynak). Az animal osztaly nem csinal mast, csak letrehozhatunk belole a new kulcsszoval olyan objektumokat amiknek beallithatjuk a breed propertijet valamire.

    Utana letrehozunk egy Monkey osztalyt amivel szinten uj objektumokat tudunk gyartani majd, amiknek nevet adhatunk. Mivel elore tudjuk, hogy minden Monkey objektum egyben egy Animal is, vagyis minden majom egy allat, ezert tudjuk, hogy a Majom osztalyt az Allat osztalybol kell majd orokoltetni. Azt is tudjuk, hogy minden majom fajtaja emlos lesz, ezert ezt mixin inheritance-el allitjuk be. Animal.call(this, 'mammal')

    Monkey.prototype = new Animal();
    Monkey.prototype.constructor = Monkey;

    A fenti ket sor szolgal arra, hogy egy is-a relaciot tudjunk felallitani a Monkey es az Animal osztaly kozott.

    A mixin iheritance es a sima kozott az a kulonbseg, hogy az elobbi esetben lemasoljuk a szulo osztaly mezoit es azokat mint sajatokat hasznaljuk. Elobbi esetben explicit nem masoljuk at a propertiket, hanem referenciaval valo ramutataskor visszakeressuk oket a prototype chainben.

    klasszikus eset:
    ============

    function Animal(breed) { this.breed = breed; }
    function Monkey(name) { this.name = name; }
    Monkey.prototype = new Animal('mammal');
    Monkey.prototype.constructor = Monkey;

    < var george = new Monkey('George');
    > undefined
    < george.breed
    > "mammal"
    < george
    > Object { name: "George" }

    Ekkor azt varjuk, hogy a george objektum protipusa a Monkey prototipusara fog mutatni, aminek a prototipusa az Animal prototipusara, aminek a belso prototipusa az Object prototipusara aminek a prototipusa viszont mar nem fog masra mutatni. Ez az ugynevezett prototype chain.

    < george.__proto__.__proto__.__proto__ === new Object().__proto__
    > true

    Az oroklodes itt JavaScriptben ugy mukodik, hogy ha leirsz egy olyat, hogy george.breed akkor eloszor megnezi a runtime, hogy a george objektumban van-e breed nevu mezo, ha van akkor visszaadja az erteket, ha nincs akkor megnezi hogy a george prototipusa mire mutat es ott is elkezd keresni. Egeszen addig visszamegy a prototype chainben amig null-hoz nem er. Ha nem talalja meg, akkor undefined-al ter vissza.

    < george.gender
    > undefined

    Ugyanigy mukodik a metoduskra valo "kereses".

    < Object.prototype.dummyMethod = function() { return 'dummy'; };
    > function Object.prototype.dummyMethod()
    < Object.dummyMethod()
    > "dummy"

Új hozzászólás Aktív témák