JavaScript - les Avantages du littéral d'objet

Que Russ Cam dit, vous éviter de polluer l'espace de noms global, ce qui est très important dans ces jours de la combinaison de scripts à partir d'emplacements multiples (TinyMCE, etc.).

Comme Alex Sexton a dit, il fait du bon code de l'organisation en tant que bien.

Si vous utilisez cette technique, je vous conseille d'utiliser le motif de module. Cette utilise encore l'objet de littéraux, mais comme valeur de retour d'une étude sur la portée de la fonction:

var MyThingy = (function() {

    function doSomethingCool() {
        ...
    }

    function internalSomething() {
        ....
    }

    function anotherNiftyThing() {
        //Note that within the scoping function, functions can
        //call each other direct.
        doSomethingCool();
        internalSomething();
    }

    return {
        doSomethingCool: doSomethingCool,
        anotherNiftyThing: anotherNiftyThing
    };
})();

Usage externe:

MyThingy.doSomethingCool();

La détermination de la portée de la fonction est enroulé autour de l'ensemble de vos fonctions, et ensuite vous l'appelez immédiatement et stocker sa valeur de retour. Avantages:

• Fonctions sont déclarées normalement et ont donc noms. (Alors qu'avec le {name: function() { ... }}, l'ensemble de vos fonctions sont anonymes, même si les propriétés de référencement eux ont des noms.) Les noms d'outils d'aide à vous aider, de montrer les piles d'appels dans un débogueur, pour vous dire ce que la fonction a déclenché une exception. (2015 mise à Jour: La dernière JavaScript spécification ECMAScript 6e édition, définit un grand nombre de façons le moteur JavaScript doit déduire un nom de la fonction. Un de ceux est lorsque la fonction est affectée à une propriété que dans notre {name: function() { ... }} exemple. De sorte que les moteurs de mettre en œuvre ES6, cette raison va aller loin.)
• Vous donne la liberté d'avoir privé les fonctions utilisées par votre module (comme mon internalSomething ci-dessus). Aucun autre code sur la page peut appeler ces fonctions; ils sont vraiment privé. Seulement ceux que vous avez à l'exportation à la fin, dans l'instruction de retour, sont visibles de l'extérieur de la portée de la fonction.
• Il est facile de retourner des fonctions différentes en fonction de l'environnement, si la mise en œuvre juste change complètement (comme IE-vs-W3C trucs, ou SVG vs Toile, etc.).

Exemple de retour des fonctions différentes:

var MyUtils = (function() {
    function hookViaAttach(element, eventName, handler) {
        element.attachEvent('on' + eventName, handler);
    }

    function hookViaListener(element, eventName, handler) {
        element.addEventListener(eventName, handler, false);
    }

    return {
        hook: window.attachEvent ? hookViaAttach : hookViaListener
    };
})();

MyUtils.hook(document.getElementById('foo'), 'click', /* handler goes here */);

Rebecca Murphey a fait un discours sur l'Objet des Littéraux de cette année jQuery Conférence. Une des meilleures raisons de les utiliser est tout simplement un bon code de l'organisation.

Ici est de Rebecca écriture sur l'Objet Littéral Modèle : http://rmurphey.com/blog/2009/10/15/using-objects-to-organize-your-code/