Tengo una pregunta js bastante extraña. Tengo un componente Vue (pero creo que Vue no es importante aquí). Tiene una propiedad de datos llamada current_query . En un método que responde a un evento, quiero modificar esa propiedad. Usando Lodash aquí. Y hay un comportamiento realmente curioso. Digamos que this.current_query es inicialmente == { test: 500 } . Di también que el parámetro 'field' es 'test' . Al 'desconfigurarlo' de current_query , de hecho, vaciaré current_query. Perfecto. La cuestión es que (solo) cuando uso unset, si registro current_query antes de llamar a unset, obtendré un objeto vacío. ¿Como es posible?

 on_applied_option_click(field){ console.log(this.current_query); // gives { test: 500 } (OK) }, // end click on_applied_option_click(field){ console.log(this.current_query); // gives empty object only if, and when, using _.unset (??) _.unset(this.current_query, field); console.log(this.current_query); // gives empty object as well (OK) }, // end click

Descubrí que si uso _.omit en su lugar, todo va bien:

 on_applied_option_click(field){ console.log(this.current_query); // gives { test: 500 } (OK) this.current_query = _.omit(this.current_query, field); console.log(this.current_query); // gives empty object, which at this point is fine }, // end click

¿Por qué? Lo único que puedo decir es que _.unset muta los objetos mientras que _.omit crea otros nuevos. Pero aún así, creo que es bastante imposible que _.unset vaya a mutar el objeto incluso antes de que lo llamen (???). Nunca había visto una cosa como esta. ¿Alguien tiene alguna buena explicación de este extraño comportamiento?