Verweis auf Objekt von Grand Kind?

Question

Lassen Sie sagen, ein Ich habe ein Objekt:

var person= { 
 
     firstName:"Renzo", 
 
     getFirstName:function(){ 
 
     console.log(this);// is the person object 
 
     return this.firstName; 
 
     }, 
 
     address:{ 
 
     number:function(){ 
 
      console.log(this);// is the number function 
 
      //return person.getFirstName(); // it is working 
 
      return this.firstName;// not working   
 
     } 
 
     }  
 
    }; 
 
    
 
console.log(person.getFirstName()); 
 
console.log(person.address.number());

Ich weiß, dass „dies“ in der getFirstName Methode auf die Person-Objekt verweisen, aber „das“ in der Methodennummer wird nicht Verweis auf das Objekt Person wird auf die Nummer Funktion verweisen .., kann ich auf die Methode getFirstName von Nummer Funktion Referenzierung auf die Person Objekt, das wird das Problem lösen, aber ...

Frage: Gibt es eine Möglichkeit, das Personenobjekt aus der Zahlenmethode zu referenzieren? ohne die person variable zu verwenden ... gibt es ein spezielles Keyword wie "this", um auf die Person-Methode zuzugreifen?

Answer 1

Sie können ES6-Klassen und Pfeilfunktionen verwenden, um dies zu erreichen.

class Person { 
    constructor() { 
     this.firstName = "Renzo"; 
     this.address = { 
      getNumber:() => this.firstName 
     } 
    } 

    getFirstName() { 
    return this.firstName; 
    } 
} 

var person = new Person(); 
console.log(person.address.getNumber()); 

Hier ist eine Arbeits Geige - https://jsfiddle.net/sgsvenkatesh/qtg1s2f2/1/

Wenn Sie ein reserviertes Schlüsselwort suchen den großen Elternteil für den Zugriff, gibt es keine solche Sache. Sie müssen Ihren Code optimieren, um es tun zu können.

Answer 2

Sie können es verwenden, wie diese

 var person= { 
     firstName:"Renzo", 
     getFirstName:function(){ 
     return this.firstName; 
     }, 
     address:{ 
     number:function(){ 
      return person.firstName; 
     } 
     }  
    }; 


console.log(person.address.number()); 

Answer 3

Sie die Adresse konstruieren könnte, so dass sie den Zugang zu seinem übergeordneten Objekt hat:

function Person(n){ 
this.firstName=n; 
this.address=new Adress(this); 
} 
Person.prototype= { 
    firstName:"Renzo", 
    getFirstName:function(){ 
    console.log(this);// is the person object 
    return this.firstName; 
    } 
}; 

function Address(p){ 
this.parent=p; 
} 
Address.prototype={ 
    number:function(){ 
     console.log(this);// is the number 
     console.log(this.parent);//the parent 
     return this.parent.getFirstName(); // it is working  
    } 
}; 

Usecase:

console.log((new Person("Me")).address.number()); 

Answer 4

Another So können Sie dies während des Anrufs selbst tun:

var person = { 
    firstName: 'Renzo', 
    getFirstName() { 
    return this.firstName; 
    }, 
    address: { 
    number: function() { 
     return this.firstName; 
    } 
    } 
} 

// then call it 
person.address.number.call(person); // 'Renzo'