Javascript Girl
  1. Javascript Girl
  3. Je dois appeler une propriété parent d'un objet enfant dans un objet littéral
Intereting Posts
Mise en œuvre de la fonctionnalité waitFor avec phantomjs-node Le nouvel opérateur de Javascript fait-il autre chose que rendre la vie difficile? Comment vérifier Page.Validate () sur le côté client (JavaScript) dans ASP.Net? Définissez une variable environnementale dans node.js et utilisez-la dans le terminal? Webkit executesql problème de phrase et de boucle Comment faire défiler vers le bas avec Phantomjs pour charger du contenu dynamique Comment obtenir l'arbre de syntaxe abstraite (AST) hors de l'analyseur JISON? Modification de 1-24 heures à 1 à 12 heures pour la méthode "getHours ()" Utilisation de tableaux dans V8 (problème de performance) JQuery "not contains" selector JQuery plugin DataTables: Comment mettre en évidence le texte de recherche actuel? JQuery + MarkItUp + Polymer – Comment le faire fonctionner? Comment faire pour que les waypoints de jQuery enlèvent le feu lorsqu'un élément est en vue et que le défilement n'est pas passé? Comment saisir l'événement de clic de fond lorsque vous êtes cliqué sur un mode d'amorçage angulaire uraprap modal? Attendez que AJAX soit terminé avant de revenir de la fonction?

Je dois appeler une propriété parent d'un objet enfant dans un objet littéral

J'ai essayé d'appeler de l'objet enfant un attribut parent 

var parentObj = { attr1:1, attr2:2, childObj:{ method1:function(){ return this.attr1 * this.attr2; } } }

Mais ça ne marche pas.

Essayez de référencer parentObj directement: 

 var parentObj = { attr1: 1, attr2: 2, childObj: { method1: function () { return parentObj.attr1 * parentObj.attr2; } } }

Cela peut se faire avec le pouvoir des fermetures! 

 var Construct = function() { var self = this; this.attr1 = 1; this.attr2 = 2; this.childObj = { method1: function () { return self.attr1 * self.attr2 } } } var obj = new Construct(); 
 var parentObj = { attr1:1, attr2:2, childObj:{ method1:function(){ return this.parent.attr1 * this.parent.attr2; } }, init:function(){ this.childObj.parent = this; delete this.init; return this; } }.init();

Il s'agit d'une autre approche sans référencer le nom de l'objet parent. 

 var parentObj = { attr1: 1, attr2: 2, get childObj() { var self = this; return { method1: function () { return self.attr1 * self.attr2; } } } }

Peut être consulté comme suit: 

 parentObj.childObj.method1(); // returns 2

Il y a un problème avec le référencement de l'objet parent, mon nom car il casse l'application au cas où vous le renommez. Voici une approche plus agréable, que j'utilise de façon approfondie, où vous passez le parent comme argument de la méthode child init : 

 var App = { init: function(){ this.gallery.init(this); }, somevar : 'Some Var' } App.gallery = { init: function(parObj){ this.parent = parObj; console.log( this.parent.somevar ); } } App.init();