Wie für den Zugriff auf `this` Wert innerhalb des Objekts

Question

Im folgenden Code, den ich wrapper wie folgt zugreifen können: tutorial.screen1.wrapper

var tutorial = { 
    screen1: { 
    text: '<div class="text">Click this to continue</div>', 
    wrapper: '<div class="tutorial tutorial-screen-1">' + this.text + '</div>' 
    } 

Da this.text kann nicht zugegriffen werden, tutorial.screen1.wrapper Fehler auslöst.

Wie kann man diese this.text mit in dem Objekt arbeiten?

Answer 1

Sie können wie dies durch wrapper als Funktion

var tutorial = { 
 
    screen1: { 
 
    text: '<div class="text">Click this to continue</div>', 
 
    wrapper: function() { 
 
     return '<div class="tutorial tutorial-screen-1">' + this.text + '</div>' 
 

 
    } 
 
    } 
 
} 
 
console.log(tutorial.screen1.wrapper())