Implementace super() v JavaScriptu

11.10.2011 00:35 | Přečteno: 1333× | Linux | | poslední úprava: 11.10.2011 00:39

Dlouho jsem tu nic nenapsal, to ale neznamená, že abíčko nesleduji. Chybí mi tu ale víc programátorských blogů, tak to zkusím sám napravit.

V JavaScriptu postrádám Python-style volání super při použití dědičnosti. Proto jsem si napsal vlastní řešení. Až potom jsem našel, že existují podobné implementace.

JavaScript nemá syntaktickou podporu pro vytváření tříd. Proto si nejprve implementujeme jednoduchý class-builder. Prefix $ jsem zvolil pro zdůraznění systémovosti.

var $class = function(fn, fn2) {1
    if(fn === undefined) {
        return function () {};
    } else if(fn2 === undefined) {
        fn2 = function () {
            fn.apply(this, arguments);
        };
    }

    for(var i in fn.prototype) {
        fn2.prototype[i] = fn.prototype[i];
    }

    return fn2;
};

Helper funkce $class nám umožní vytvářet třídy 3 způsoby.

1) První způsob volání $class se neliší od prostého var Animal = function() {};

var Animal = $class();

Animal.prototype.sayHello = function() {
    alert("I'm animal");
};

var myAnimal = new Animal();

myAnimal.sayHello();

2) Druhý způsob volání $class umožňuje vytvořit třídu s konstruktorem:

var Animal = $class(function () {
    alert('Initializing animal...');                                                                                                                                                                       
});

3) Konečně poslední způsob volání $class je vytváření tříd děděním.

var Dog = $class(Animal, function() {
    alert('Initializing dog...');
});


Dog.prototype.sayHello = function() {                                                                                                                                                                      
    alert("Hi, I'm dog");
};

var myDog = new Dog();

Problém nastane, pokud potřebujeme volat z jakéhokoliv místa konstruktoru Dog i konstruktor Animal. To samé pro metodu sayHello. V Pythonu prostě na správném místě voláme super a je to.

super(Dog, self).__init__()
super(Dog, self).sayHello()

V JavaScriptu si super naimplementujeme takto:

var $super = function(fn, $this) {
    return function() {
        return fn.apply($this, arguments);
    };
};

Použitím helper funkce $super získáme přístup k metodám předka. Funkce $super samozřejmě umožňuje předávat i argumenty.

var Dog = $class(Animal, function() {
    alert('Initializing dog...');                                                                                                                                                                          

    $super(Animal, this)();

    alert('Dog initialized');
});

Dog.prototype.sayHello = function() {
    alert("Hi, I'm dog");

    $super(Animal.prototype.sayHello, this)();

    alert("Goodbye, dog!");
};

To je vše, pokud budou následovat další blogy, budou především o Pythonu, který je můj chlebodárce

       

Komentáře

[Michal Vyskočil]

Proč do Javascriptu dodělávat Pythoviny jako super() a __init__ a nepoužít raději pyjamas? Z myšlenky psát webovou aplikaci v jednom jazyce, který umím (tím odpadá server side Javascript), jsem docela nadšený.

[diverman]

Dal jsem pyjamas 2 minuty a nezjistil jsem, jak funguje. Ve FAQ je na vsechno odpoved No/Nope. Jo zaregistroval jsem cosi o Python to JavaScript compileru-no to jsem se lekl. O server side JS v mem blogu nepadlo ani slovo, jak jsi na to prisel? Popravde-nikdy by me nenapadlo na server cpat JS.

Odpoved na otazku proc? Protoze se muzes dostat do situace, kdy si nemuzes vybirat, v cem to budes delat, jaky knihovny muzes pouzit. Tady mas python, v prohlizeci mas JS, tak ukaz co umis.

[Michal Vyskočil]

Pyjamas je překladač pythonu do javascriptu. Plus nějaké ty widgety a ajax. Principem je, že celou stránku prostě člověk napíše v Pythonu a přeloží do kombinace HTML+Javascript pro prohlížeč.

O server side JS v mem blogu nepadlo ani slovo, jak jsi na to prisel? Popravde-nikdy by me nenapadlo na server cpat JS.

Protože psát aplikaci v X jazycích je prostě opruz

Mimochodem, docela hezký Hello world je ve web2py book: JSONRPC a Pyjamas

[Ladicek]

Nepoužívejte dědičnost a nemusíte řešit super

[Konqui]

V Pythonu se mi volání super() dost hnusí, na JS je IMHO lepší použít framwork DoJo, který podporuje dedičnost a další OOP prvky

[mess]

Osobně se mi víc líbí tento přístup.

[diverman]

Co se ti na nem libi vic, mohl bys byt konkretnejsi?

[mess]

Použití je takové příjemnější, například místo $super(Animal.prototype.sayHello, this)(); použiješ ve funkci sayHello toto:this._super();. "Třída" vznikne takto:

var Animal = Class.extend({
// members
});

Odvozená třída vzniká takto:

var Dog = Animal.extend({
// members
});

Čistě osobní pocity

[pozortucnak]

Kontrolní otázka: je tu nějaké javascript IDE které je schopno u objektů vytvořených pomocí frameworků typu dojo, mootools... doplňovat metody?

[mkoubik]

Cloud 9 IDE.

[Adam]

Kdyz mate rad Python, tak tohle znate?