関数呼び出し前にオブジェクトを変更するにはどうすればよいですか?これは本当に可能でしょうか?

Question

非常に奇妙な js の問題があります。 Vue コンポーネントがあります (ただし、ここでは Vue は重要ではないと思います)。これには、current_query というデータ属性があります。イベントに応答するメソッドで、プロパティを変更したいと思います。ここではロダッシュを使用します。非常に奇妙な動作があります。 this.current_query が最初は { test: 500 } に等しいと仮定します。 'field' パラメータが 'test' であると仮定します。 current_query から「設定を解除」すると、実際には current_query 自体がクリアされます。とても良い。問題は、unset を使用する場合にのみ、unset を呼び出す前に current_query をログに記録すると、空のオブジェクトが取得されることです。どうすればいいの？

on_applied_option_click(field){
    console.log(this.current_query); // { test: 500 } を返します (OK)
  }, // クリックして終了

  on_applied_option_click(フィールド){
    console.log(this.current_query); // _.unset を使用する場合にのみ、空のオブジェクトが与えられます (??)
    _.unset(this.current_query, フィールド);
    console.log(this.current_query); // 空のオブジェクトも返されます (OK)
  }, // クリックして終了

_.omit を使用すると、すべて正常に動作することがわかりました。

on_applied_option_click(field){
    console.log(this.current_query); // { test: 500 } を返します (OK)
    this.current_query = _.omit(this.current_query, フィールド);
    console.log(this.current_query); // 空のオブジェクトを指定しますが、現時点ではこれで問題ありません
  }, // クリックして終了

なぜですか?唯一言えることは、_.unset はオブジェクトを変更し、_.omit は新しいオブジェクトを作成するということです。ただし、_.unset がオブジェクトを呼び出す前に変更することは不可能だと思います (???)。このようなことは見たことがありません。この奇妙な動作についてうまく説明できる人はいますか?

Answer 1

console.log(this.current_query) を使用せず、console.log(JSON.stringify(this.current_query)) を使用してみてください。これにより、将来の状態ではなく、記録時の this.current_query の状態が確実に記録されます。

これで混乱の問題は解決されるはずです。