Quiero hacer que mi función addHat() reutilizable también para objetos de otras personas, así que decidí usar this en lugar del nombre exacto de la persona y pasar mis otros objetos this mediante addHat.call() y addHat.apply() .
es decir. Quiero copiar superficialmente el objeto de la persona usando la extensión (tener nuevas referencias para todas las propiedades.
Sin embargo, no funciona usando this en ambos lados de la tarea.
let person1 = { a: "a", hats: [], gloves: [] }; function addHat(newHat, ...params) { this = { ...this, hats: [...this.hats, newHat, ...params], }; } addHat.call(person1, "hatA"); console.log(person1.hats);Pero funciona perfectamente cuando se usa el nombre directamente en su lugar:
let person1 = { a: "a", hats: [], gloves: [] }; function addHat(newHat, ...params) { person1 = { ...person1, hats: [...person1.hats, newHat, ...params], }; } addHat.apply("uselessThis", ["hatA", "hatB"]); console.log(person1.hats);¿Me pueden ayudar a hacer que esta función sea reutilizable con el formato actual? (usando copia extendida y superficial de las propiedades del objeto)
cada pista o ayuda será muy apreciada.
Creo que es más fácil si pasas persona como argumento de la función.
Trate de evitar el uso de esto en js porque puede volverse complicado de depurar
let person1 = { a: "a", hats: [], gloves: [] }; function immutableAddHat(person, ...newHats) { return { ...person, hats: [...person.hats, ...newHats], }; } function addHat(...newHats) { Object.entries(this).forEach(([k, v]) => { this[k] = v }) this.hats = [...this.hats, ...newHats] } const newPerson1 = immutableAddHat(person1, "hatA"); console.log(newPerson1.hats); addHat.call(person1, "Hatb") console.log(person1)Agregué el método que usa este