Hay un concepto clave para este detalle, JavaScript no tiene ámbito de bloque (declaración de objeto), más sí de función , cuando hace referencia a this
en realidad hace referencia al objeto window
que es el contexto donde se realizo la llamada al objeto.
Pueden haber dos soluciones al menos para este detalle
Definir dicha propiedad fuera de la declaración del objeto
var obj = {
names: {
name1: 'Emmett',
name2: 'Paola',
name3: 'Mushi'
},
age: {
age1: 8,
age2: 20,
age3: 3
}
}
obj.template = `
Nombre | Edad <br>
${obj.names.name1} | ${obj.age.age1}<br>
${obj.names.name2} | ${obj.age.age2}<br>
${obj.names.name3} | ${obj.age.age3}<br>`
document.write(obj.template);
O usar un getter() qué si se enlaza con una función, por lo cuál la palabra reservada this
, hará referencia al objeto.
var obj = {
get template() { return `
Nombre | Edad <br>
${this.names.name1} | ${this.age.age1}<br>
${this.names.name2} | ${this.age.age2}<br>
${this.names.name3} | ${this.age.age3}<br>
`},
names: {
name1: 'Emmett',
name2: 'Paola',
name3: 'Mushi'
},
age: {
age1: 8,
age2: 20,
age3: 3
},
}
document.write(obj.template);
Note que intentar asignar un valor a template
no lo cambiará.Lo que
si puede hacer es eliminar usando delete