La déclaration d'une fonction membre dans le JS

Il ne fonctionne pas parce que c'est maintenant le fonctionnement de JavaScript. Juste de déclarer une fonction dans une fonction constructeur ne pas le mettre en place sur l'objet créé par la fonction de constructeur, vous avez à faire le lien entre l'objet et la fonction explicitement (directement par l'attribution à l'objet, ou plus souvent indirectement par l'intermédiaire d'un prototype).

Typique de la façon de le faire est par l'héritage par prototype, bien que vous pouvez aussi affecter des fonctions à des objets (la suite ci-dessous — mais vous avez parlé de "fonctions de membre du," et de la façon dont vous faites les choses comme ça en JavaScript est par l'intermédiaire de prototypes).

Il ya un couple de façons de configurer l'héritage par prototype. La manière classique, ce qui est compatible avec une large gamme de moteurs JavaScript, même dans les anciens navigateurs, est via le prototype de propriété sur les fonctions constructeur, qui renvoie à un objet. Cet objet devient le prototype des instances créées par new FunctionName. Vous ajoutez des propriétés de l'objet à partager entre les instances créées par cette fonction.

Ainsi, l'utilisation de l'héritage par prototype:

function Init(name) {
    this.name = name;
}
Init.prototype.displayName = function() {
    alert(this.name);
};

var i = new Init("Mozilla");
i.displayName();

Notes sur la ci-dessus:

1. En JavaScript, l'écrasante de la convention est que le constructeur fonctions commencent par une lettre majuscule. J'ai donc appelé il Init plutôt que init.

2. Toutes les fonctions automatiquement un prototype de propriété sur eux, ce qui est un objet vide.

3. - Je ajouter une propriété de l'objet appelé displayName qui se réfère à une fonction.

4. Plutôt que de coder en dur le nom, je le passe en Init comme un argument.

5. Remarque que je stocke le nom sur une propriété nouvellement construite d'instance; au sein de l'appel à Init, cette instance est disponible en this.

6. De la même façon, parce que displayName est appelée dans le cadre d'une expression de la récupération de la fonction de référence à partir de l'objet, this est l'objet au sein de l'appel à displayName, et ainsi de this.name a le nom.

7. Pour garder les choses simples ci-dessus, je me suis assigné une fonction anonyme pour displayName. (La propriété a un nom, la fonction ne fonctionne pas.) J'ai tendance à ne pas le faire dans le code réel.

8. Toutes les instances construite à l'aide d' new Init partagent la même copie de la displayName fonction, par l'intermédiaire du prototype.

Pour en savoir plus (sur mon blog):

• Mythique méthodes
• vous devez Vous rappeler this
• Anonymouses anonyme

Vous pourriez également être intéressé par mon de la Lignée trousse à outils, si vous êtes intéressé par la construction de classes d'objets en JavaScript (et hiérarchies).

Comme de l'ES5, il y a une autre option: de l'Objet.créer. Cela vous permet de créer des objets et de leur attribuer des prototypes directement, sans l'aide de fonctions constructeur. Mais comme vous avez utilisé new, ce qui signifie que vous êtes en utilisant les fonctions constructeur, je n'entrerai pas dans le détail sur ce.

Maintenant, vous n'avez pas ont à utiliser les caractéristiques du prototype de JavaScript si vous ne souhaitez pas. Vous pouvez, par exemple, faire ceci:

function Init(name) {
    var name = name;

    this.displayName = function() {
        alert(name);
    };
}
var i = new Init("Mozilla");
i.displayName();

Qui n'utilise pas les caractéristiques du prototype de JavaScript, au lieu de cela, il crée simplement un nouveau displayName fonction chaque fois que vous appelez Init et l'attribue directement à l'objet. (Toute qualité raisonnable moteur JavaScript sera assez intelligent pour réutiliser le code de la fonction, mais il y aura une fonction distincte objets pour chaque instance). Le ci-dessus a également fait l' name propriété entièrement privée, car la fonction que nous avons créer sur chaque appel est un fermeture sur la variable locale name. (Plus: Fermetures ne sont pas compliqué)

OriginalL'auteur T.J. Crowder

L'une des normes que vous pouvez utiliser est

var init = (function() {

    var name = "Mozilla"; //Shared by all instances

    function init() {
        this.name = "IE"; //Spesific to the created instance                  
    }    

    init.prototype = {
        displayName: function() {
            alert(name);
            alert(this.name);
        }        
    }

    return init;

})();

var a = new init();
a.displayName();​

OriginalL'auteur Kodemon