Alguien puede comentarme el js?

[esquerda21]

Hola, estoy intentando meter mano a este código pero no lo acabo de entender.
Alguien puede comentarlo un poco para entender el funcionamiento?

Gracias

Código:

(function (window, document) {

    var layout   = document.getElementById('layout'),
        menu     = document.getElementById('menu'),
        menuLink = document.getElementById('menuLink');

    function toggleClass(element, className) {
        var classes = element.className.split(/\s+/),
            length = classes.length,
            i = 0;

        for(; i < length; i++) {
          if (classes[i] === className) {
            classes.splice(i, 1);
            break;
          }
        }
        // The className is not found
        if (length === classes.length) {
            classes.push(className);
        }

        element.className = classes.join(' ');
    }

    menuLink.onclick = function (e) {
        var active = 'active';

        e.preventDefault();
        toggleClass(layout, active);
        toggleClass(menu, active);
        toggleClass(menuLink, active);
    };

}(this, this.document));

[NueveReinas]

No tiene definida ninguna clase, ni elementos, ni selectores, ni nada.

Si no entiendes eso, deberías aprender un poco más de JS.

[esquerda21]

En el css hay un id de la siguiente forma:
#layout.active {color: red;... Y sigue }

Gracias

[NueveReinas]

Iniciado por esquerda21

En el css hay un id de la siguiente forma:
#layout.active {color: red;... Y sigue }

Gracias

Me refiero a que no hay prácticamente nada "real" en ese código. Es un ejemplo de uso de sintaxis.

Por ejemplo:

Código Javascript:

function toggleClass(element, className)
 

En un caso real sería, por ejemplo.

Código Javascript:

var elemento_ejemplo = $("#elemento_html");
 
function toggleClass(elemento_ejemplo, ClaseCSSDeEjemplo)
 

Código CSS:

.ClaseCSSDeEjemplo {
    background:red;
}
 

¿Entiendes?

[esquerda21]

Pues no, no entiendo.
A respuesta de tu frase 'Me refiero a que no hay prácticamente nada "real" en ese código. Es un ejemplo de uso de sintaxis', no se si solo será uso de sintaxis porque de ejecutar una acción se ejecuta.

La cuestión es que parece que cuando a ID le doy onclick añade o no una clase al al objeto css a través de toggleClass. El resultado es un efecto menú que aparece por el lado izquierdo.