Accès JavaScript parent des attributs de l'objet

J'ai un petit problème en JS, j'ai deux objets imbriqués, et je voudrais accéder à une variable de la mère, comme suit:

var parent = {
    a : 5,

    child: {
        b : 3,
        displayA : function(){
            console.log(this.a);
            //undefined
            },

        displayB : function(){
            console.log(this.b);
            //displays 3
            }
        }
}

Et je voudrais juste savoir comment faire de parent.enfant.displayA travail 🙂 (j'ai des sous-objets qui ont besoin d'accéder à un parent variable)

Toute aide appréciée
Merci beaucoup!

Dans le displayA fonction, vous faites référence à "ce" et de tenter d'accéder à son "un" attribut. L'appel à "cela" se réfère ici à l'enfant de l'objet et non pas le parent. Si vous avez utilisé un constructeur, vous pourriez passer dans le contexte (ce) de son parent à l'enfant objet. Ou vous pouvez utiliser l'appel ou lier des méthodes.

OriginalL'auteur Jo Colina | 2015-04-19

  1. 11

    Vous pouvez utiliser pour définir la valeur de this:

    parent.child.displayA.call(parent); //5

    Vous pourriez également être intéressé par la liaison:

    parent.child.displayA = function(){
  console.log(this.a);
}.bind(parent);
parent.child.displayA(); //5

    Ou vous pouvez simplement utiliser parent au lieu de this:

    parent.child.displayA = function(){
  console.log(parent.a);
};
parent.child.displayA(); //5

    OriginalL'auteur Oriol

  2. 4

    Vous pouvez utiliser super.prop accéder parent propriétés de la classe. Bien sûr, seulement si vous utilisez ES6.

    OriginalL'auteur Dmytro Medvid

  3. 1

    Javascript est un prototype basé, il n'est pas un régulier de la programmation orientée objet du langage comme PHP ou Java.

    Prendre un coup d'oeil à L'héritage et la chaîne de prototype et de mettre en œuvre quelque chose comme Javascript Simple héritage.

    Vous pourriez probablement accès à des parents window.parent si c'est dans le contexte global, mais votre exemple ne fonctionnera pas dans tous les cas.

    OriginalL'auteur Falc

  4. 0

    Il n'existe pas de manière générale pour l'objet child de savoir que c'est un membre de l'objet parent. Dans votre situation, vous pouvez faire une référence directe à l'objet parent dans displayA(), comme suit:

    displayA : function(){
  console.log(parent.a);
}

    Vous n'avez pas besoin de la place des parents dans la portée globale et l'utilisation window.parent comme une autre réponse suggère, puisque vous déclarez displayA dans le champ d'application de parent, la fonction de fermeture pendant parent, et il sera accessible de n'importe où dans child. Depuis la fermeture contient une référence à la parent objet, vous verrez que les modifications apportées à parent sera reflété dans le comportement de displayA. Par exemple, supposons que parent et child sont définis comme dans votre exemple, à l'exception de displayA est modifié pour utiliser parent.a. Alors:

    parent.child.displayA(); //=> 5
parent.a = 10;
parent.child.displayA(); //=> 10

    Tout cela étant dit, si vous essayez d'imiter la programmation orientée objet, puis l'autre réponse est juste: vous devez en savoir plus sur la façon dont le prototype Javascript filière.

    OriginalL'auteur Matt Wetmore

  5. 0

    Je pense que cela ne fait pas de sens de le faire comme ça, vous pourrez accéder à l'objet enfant par sa mère. alors pourquoi en rajouter une mthod displayB à l'enfant alors que vous pouvez ajouter à la mère qui a accès à toutes les propriétés enfants.

    OriginalL'auteur Mostafa EL BARRAK

  6. 0

    Dans votre exemple, vous n'avez pas l'héritage. Vous pouvez faire cela

    ...
    displayA : function(){
        console.log(parent.a);
        //5
    },
...
parent.child.parent = parent;
parent.child.displayA();

    OriginalL'auteur tutankhamun