Vysvětlení scriptu – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím Vás, chtel bych poprosit o vysvetleni scriptu:

function showattribs(e) {                                               // co zde znamená to (e) jakobyproměnnou??
    var e = document.getElementById("braingialink");
    var elemList = "";
    for (var element in e) {
        var attrib = e.getAttribute(element);
        elemList = elemList + element + ": " + attrib + "\n";  // proč je zde v proměnné elemList opět elemList +.....
    }
    alert(elemList);
}

Autor knihy Javascript step by step to nikde nevysvetlil, dekuji. R.

#1 robb
Do e se přiřadí výsledek funkce document.getElementById('braingialink'), což bude pravděpodobně nějaký HTML element, který má nadefinované id='braingialink'. Pomocí cyklu for in jsi schopen iterovat přes veškeré atributy získaného objektu, který má uložený v proměnné e. Jednotlivé elementy a jejich atributy si ukládáš do proměnné elemList. To elemList + elemList je tam proto, abys při dalším průchodu cyklem nepřišel o předchozí získaná data, ale nová data se připnula za aktuální obsah.

Po skončení cyklu se pustí funkce alert s parametrem elemList, v němž máš uložené jedtlivé elementy a jejich atributy v HTML elementu s id 'braingialink'.

Edit: Nvm, jsem kokot, nevšiml jsem si začátku metody, že se tam předává e i jako parametru. Viz Kitův příspěvek.

#2 ondrej39
Obávám se, že parametr e je tam zcela k ničemu, neboť je následujícím řádkem zlikvidován.

#1 robb

V tom skriptu mi nedává smysl pár věcí:

• formální parametr e, který je na následujícím řádku přepsán
• výsledkem document.getElementById("braingialink") není pole, ale element. Proč se s tím zachází, jako kdyby to bylo pole?
• místo cyklu existuje mnohem hezčí reduce()

http://programujte.com/forum/vlakno/30545-vysvetleni-kodu-casti-funkce/

#1 robb
Jestli jsem tu funkci pochopil, tak by měla dělat zhruba totéž, co tohle: 

function showattribs() {
    var e = document.getElementById("braingialink");
    var elemList = e.reduce(function(buffer, element) {
        return buffer + element + ": " + element.getAttribute(element) + "\n";
    }
    alert(elemList);
}

Je tam vidět porušení SRP stejně jako v předchozím příkladu, proto by bylo možná vhodné tam ten parametr e vložit následovně: 

function showattribs(e) {
    var elemList = e.reduce(function(buffer, element) {
        return buffer + element + ": " + element.getAttribute(element) + "\n";
    }
    alert(elemList);
}

// volání
showattribs(document.getElementById("braingialink"));

Tím se tato funkce stane opakovaně použitelnou.