const user1 = { name: 'Sherlock Holmes', address:{ street:'Baker street', number:"221B", }, sayMyAddress:function (){ console.log(`My address is ${this.address}`) console.log(this.address) } } user1.sayMyAddress()El resultado:
Mi dirección es [objeto Objeto]
{ calle: 'calle Baker', número: '221B' }
¿Por qué this palabra clave muestra el valor de la dirección en el segundo caso y no en el primero? el alcance en este caso no está en el usuario del objeto?
El resultado de la conversión de la dirección a una cadena es '[objeto Objeto]' como era de esperar. Por ejemplo, si haces
console.log({}.toString())obtendrá una salida de:
[object Object]Un pequeño cambio en el código dará el resultado deseado:
const user1 = { name: 'Sherlock Holmes', address: { street: 'Baker street', number: "221B", }, sayMyAddress: function() { console.log(`My address is ${this.address.number} ${this.address.street}`) } } user1.sayMyAddress() .as-console-wrapper { max-height: 100% !important; } También podría agregar una función toString() en el objeto de dirección:
const user1 = { name: 'Sherlock Holmes', address: { street: 'Baker street', number: "221B", toString() { return `${this.number} ${this.street}` } }, sayMyAddress: function() { console.log(`My address is ${this.address}`) } } user1.sayMyAddress() .as-console-wrapper { max-height: 100% !important; }this.address es un objeto, por lo que incluso si console.log es lo suficientemente comprensivo como para generar el objeto completo con valores si le pasa el objeto directamente, si lo usa en una cadena obtendrá [object Object] .
Solo inténtalo así
console.log(`My address is ${this.address.street} ${this.address.number}`)Está intentando registrar el objeto en sí. Entonces, el resultado de salida es bastante esperado.
Cambie la línea de registro de:
console.log(`My address is ${this.address}`)a:
console.log(`My address is ${this.address.street} ${this.address.number}`)