Tengo el siguiente código de ejemplo. Estoy tratando de obtener this.key dentro de la función de espacio de nombres, pero siempre regresa indefinido a pesar de que cambio la llamada a la función, o uso el enfoque de flecha, etc.
class Sample { key = ''; constructor(key) { this.key = key; } myNamespace = { saySomething: function(message) { console.log('message:', message); console.log('key:', this.key); } } getTheKey() { console.log('key', this.key); } } let sample = new Sample('thekey'); sample.myNamespace.saySomething('message'); // shows-> key: undefined sample.getTheKey(); // shows-> key: thekeyEl objetivo de su propiedad myNamespace parece más que cuestionable, pero si insiste y aún necesita una función que esté vinculada a su instancia de clase, simplemente bind la función en el constructor, o use una función de flecha que no tiene su propio this , pero mantiene this a lo que apuntaba en el momento de la definición: (el ejemplo de código demuestra ambos):
class Sample { key = ''; constructor(key) { this.key = key; this.myNamespace.saySomething = this.myNamespace.saySomething.bind(this); } myNamespace = { saySomething: function(message) { console.log('message:', message); console.log('key:', this.key); } } myOtherNamespace = { saySomething: (message) => { console.log('message:', message); console.log('key:', this.key); } } getTheKey() { console.log('key', this.key); } } let sample = new Sample('thekey'); sample.myNamespace.saySomething('message'); // shows-> key: thekey sample.myOtherNamespace.saySomething('other message'); // shows-> key: thekey sample.getTheKey(); // shows-> key: thekey"Esto" apunta a dos cosas diferentes. "Esto" en su función de espacio de nombres no tiene un valor clave, pero su "muestra" construida sí lo tiene: su función getTheKey apunta con precisión al "esto" correcto.
Para ser más específicos, getTheKey apunta a la muestra construida como "esto" y la función dentro de decirAlgo apunta a decirAlgo como "esto". La muestra construida tiene un valor para key y saySomething no.
Puede usar una función de flecha en su lugar, así:
myNamespace = { saySomething: (message) => { console.log('message:', message); console.log('key:', this.key); }para apuntar a su muestra construida en su lugar.