Digamos que tengo el siguiente objeto donde quiero inicializarlo con valores (fuera de una clase):
let person = { firstName: undefined, lastName: undefined, get fullName() { return `${this.firstName} ${this.lastName}`; } } let p = Object.create(person); p.firstName = 'Ralph'; p.lastName = 'Smedley'; console.log(p.fullName);¿Por qué lo anterior no funciona cuando se hace lo siguiente?
let person = { firstName: undefined, lastName: undefined, get fullName() { return `${this.firstName} ${this.lastName}`; } } // use default Object so don't override inherited object let ralph = Object.assign({}, person, {firstName: 'Ralph', lastName: 'Smedley'}); console.log(ralph.fullName);¿Cuál sería la forma correcta de hacer este segundo enfoque?
Cuando usa Object.assign , los captadores se invocan en ese momento (y el resultado se coloca como una propiedad de datos en el nuevo objeto). Su getter no se ejecuta después de que se crea ralph , se ejecuta antes de eso.
let person = { firstName: undefined, lastName: undefined, get fullName() { console.log('getting fullName'); return `${this.firstName} ${this.lastName}`; } } let ralph = Object.assign({}, person, {firstName: 'Ralph', lastName: 'Smedley'});Después de que eso ocurra, te queda un objeto de:
{ firstName: "Ralph" fullName: "undefined undefined" lastName: "Smedley" } Entonces, registrar ralph.fullName le dará lo que existe en esa propiedad, que es "undefined undefined"
El uso de Object.create , por otro lado, no invoca captadores que puedan existir en el objeto; todo lo que hace es establecer el prototipo interno.
Si también quisiera copiar el método, podría hacerlo:
const person = { firstName: undefined, lastName: undefined, get fullName() { return `${this.firstName} ${this.lastName}`; } }; const objectAssignWithGettersSetters = (target, ...args) => { for (const arg of args) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(arg)); } return target; } const ralph = objectAssignWithGettersSetters({}, person, {firstName: 'Ralph', lastName: 'Smedley'}); console.log(ralph.fullName);