Tengo un objeto que se parece a esto:
let john = { firstName: 'John', lastName: 'Smith', fullname: `${this.firstName} ${this.lastName}`, height: 1.95, mass: 92, calcBMI: function () { this.BMI = this.mass / this.height ** 2; return this.BMI } } Cada vez que miro la propiedad fullName , simplemente devuelve undefined . Pero cuando lo escribo manualmente en el objeto (es decir fullName: 'John Smith' ), obtengo el resultado esperado: John Smith.
Revisé los documentos web de MDN, pero solo encontré algunas oraciones sobre cómo una expresión como this.myProperty podría devolver indefinida si se activaba el modo estricto, que fue en mi caso. Pero incluso cuando se desactivó, ocurrió el mismo problema.
¿Podría alguien ayudarme?
PD: No soy un codificador profesional, por lo que podría ser solo un tonto.
Editar: cómo llamé fullName y una duda más sobre mi objeto
Estoy registrando la propiedad fullName en la consola, si se lo preguntaba.
Una cosa más: es posible que haya notado la función calcBMI en el objeto y que también usa la palabra clave this . Me pregunto por qué está funcionando allí pero no afuera.
this se limita a la llamada de función que se está ejecutando actualmente. Si se usa en el valor de un objeto literal, tendrá el mismo valor que fuera del literal. No se refiere al objeto actual que se está definiendo.
Para usar this en fullname , podría convertirlo en una función en su lugar:
fullname: function() { return `${this.firstName} ${this.lastName}`; }