我有一个非常奇怪的js问题。我有一个Vue组件(但我认为Vue在这里不重要)。它有一个名为current_query的数据属性。在响应事件的方法中,我想修改该属性。在这里使用Lodash。有一个非常奇怪的行为。假设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(field){
console.log(this.current_query); // 只有在使用_.unset时,才会给出空对象(??)
_.unset(this.current_query, field);
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, field);
console.log(this.current_query); // 给出空对象,此时是可以的
}, // 点击结束
为什么?我唯一能说的是,_.unset会改变对象,而_.omit会创建新对象。但是,我认为在调用之前,_.unset改变对象是不可能的(???)。从未见过这样的事情。有人对这种奇怪的行为有什么好的解释吗?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
不要使用
console.log(this.current_query),尝试使用console.log(JSON.stringify(this.current_query))。这样可以可靠地记录this.current_query在记录时的状态,而不是可能之后的某个状态。这样应该可以解决混淆问题。