Bagaimana untuk menukar objek sebelum panggilan fungsi? Adakah ini benar-benar mungkin?

Question

Saya mempunyai masalah js yang sangat pelik. Saya mempunyai komponen Vue (tetapi saya rasa Vue tidak penting di sini). Ia mempunyai atribut data yang dipanggil current_query. Dalam kaedah yang bertindak balas kepada acara, saya ingin mengubah suai harta. Gunakan Lodash di sini. Terdapat satu kelakuan yang sangat pelik. Andaikan this.current_query pada mulanya sama dengan { ujian: 500 }. Andaikan bahawa parameter 'field' ialah 'test'. Dengan "menyahtetap" ia daripada current_query, saya sebenarnya akan mengosongkan current_query itu sendiri. sangat bagus. Masalahnya, hanya apabila menggunakan unset, jika saya log current_query sebelum memanggil unset, saya mendapat objek kosong. Bagaimana ini boleh terjadi?

on_applied_option_click(field){
    console.log(this.current_query); // memberikan { ujian: 500 } (OK)
  }, // Klik untuk tamat

  on_applied_option_click(medan){
    console.log(this.current_query); // Hanya apabila menggunakan _.unset, objek kosong akan diberikan (??)
    _.unset(this.current_query, field);
    console.log(this.current_query); // Juga akan memberikan objek kosong (OK)
  }, // Klik untuk menamatkan

Saya mendapati bahawa jika saya menggunakan _.omit, semuanya berfungsi dengan baik:

on_applied_option_click(field){
    console.log(this.current_query); // memberikan { ujian: 500 } (OK)
    this.current_query = _.omit(this.current_query, field);
    console.log(this.current_query); // Berikan objek kosong, yang OK pada masa ini
  }, // Klik untuk menamatkan

Kenapa? Satu-satunya perkara yang boleh saya katakan ialah _.unset menukar objek manakala _.omit mencipta objek baharu. Walau bagaimanapun, saya rasa tidak mungkin untuk _.unset menukar objek sebelum memanggilnya (???). Tidak pernah melihat perkara seperti ini. Adakah sesiapa mempunyai penjelasan yang baik untuk tingkah laku aneh ini?

Answer 1

Jangan gunakan console.log(this.current_query)，尝试使用console.log(JSON.stringify(this.current_query))。这样可以可靠地记录this.current_querykeadaan pada masa rakaman, bukannya beberapa keadaan kemudian.

Ini sepatutnya menyelesaikan isu kekeliruan.