Variables dans les expressions de fonction

Question

Ces derniers jours, j'ai beaucoup parlé de la différence d'expression de fonction et de déclarations en javascript. La plupart du temps il a dit que l'expression de fonction est la manière préférée de créer des fonctions en javascript. Parfois, il a dit le contraire, donc je ne suis pas sûr, mais je reste avec des expressions pour le moment.

Mais il y a une chose à propos des expressions que je ne pouvais pas trouver comme exemple. C'est peut-être une question stupide, mais j'aimerais vraiment savoir. Supposons que nous avons une expression de fonction comme

var nav = { 
    init: function() { 
     // Code 
    }, 
    open: function() { 
     // Code 
    }, 
    close: function() { 
     // Code 
    } 
}; 

Dans ce cas, il s'agit d'une fonction pour une navigation déroulante ou quelque chose. Vous devriez être capable de l'ouvrir et de le fermer, à titre d'exemple. Maintenant, je vous demande, comment puis-je définir des variables dans ce code, afin que je puisse les utiliser dans les fonctions "open", "close" et "init"? Dans ce cas particulier, j'ai probablement besoin de variables comme:

var 
    $nav = $(".nav"), 
    navHeight = $nav.height(), 
    navTest = "Test"; 

Comment le feriez-vous normalement? Il se peut que ces questions aient déjà été répondues ailleurs, mais je n'ai vraiment rien trouvé, peut-être parce que j'ai cherché les mauvais mots-clés.

Je serais très reconnaissant si quelqu'un pouvait me l'expliquer/envoyez-moi un lien vers un tutoriel - pour un débutant fonction javascript :)

Merci :)

Answer 1

Vous pouvez conserver des variables partagées dans les fermetures qui les garder privées aux méthodes de votre objet. Une technique courante est la module pattern.

Vous pourriez également être intéressé par Private Members in Javascript.

Answer 2

Eh bien, vous créez des fonctions en tant que propriétés de l'objet nav. Vous pouvez simplement ajouter des variables en tant qu'autres propriétés avec ces fonctions.

var nav = { 
    myHeight: 12, 
    height: function() { 
     return this.myHeight; 
    }, 
    increaseHeight: function(howMuch) { 
     this.myHeight += howMuch; 
    } 
    init: function() { 
     // use this.myVariable here 
    }, 
    // ... 
};