Besoin d'aide pour atteindre une variable en JavaScript?

Question

Quelqu'un peut-il m'aider s'il vous plaît à comprendre le scoop des variables JavaScript, et comment les atteindre?

Imaginez ce qui suit ...

// Namespace declaration 
var p = {}; 

p.result = { 

    searchForm: $('#search-form'), 
    searchAction: this.searchForm.attr('action'), 

    anotherSection: { 
     hello: 'Hello ', 
     world: this.hello + 'world!' 
    } 

} 

Cela ne fonctionnera pas, et il donne l'erreur en disant this.searchForm est indéfini. La même erreur apparaît également dans anotherSection (ofc).

Comment puis-je déclarer une variable en termes d'une autre variable dans le même espace de noms?

Answer 1

Le mot clé this est lié au contexte de fonction , vous ne pouvez pas l'utiliser dans des littéraux d'objet de ce type.

Vous pouvez, créer des fonctions comme "getters":

var p = {}; 
p.result = { 
    searchForm: $('#search-form'), 
    getSearchAction: function() { 
    return this.searchForm.attr('action'); 
    }, 
    anotherSection: { 
    hello: 'Hello ', 
    getWorld: function() { 
     return this.hello + 'world!'; 
    } 
    } 
}; 

Answer 2

ce est un objet, donc lorsque vous utilisez this.searchForm, vous accédez à une propriété du cet objet. Vous voulez juste accéder à une variable, donc vous pouvez simplement utiliser searchForm.

Answer 3

Il n'existe aucun moyen de faire référence à un littéral d'objet au fur et à mesure que vous le construisez.

Vous devez écrire:

p.result = { 
    searchForm: $('#search-form'), 
    anotherSection: { 
     hello: 'Hello ' 
    } 
} 

p.result.searchAction = p.result.searchForm.attr('action'); 
p.result.anotherSection.world = p.result.anotherSection.hello + 'world!'; 

Answer 4

Vous ne pouvez pas accéder aux propriétés d'un objet à l'intérieur de son propre littéral - ils ne sont pas encore réunies.