为什么每次更改函数后都会存储多个对象？

Question

以这个为例：

$('select#submit_model').on('change', function(){

   model_object = {};
   console.log(model_object);

});

为什么每次我的选择更改并且函数触发时控制台都会记录一个额外的对象？

例如，第一次选择后记录 Object {}，第二次选择后记录 Object {} Object {}，第三次选择后记录 Object {} Object {} Object {} - 依此类推。

我想知道这是因为我有条件选择输入，并且根据用户选择的内容填充数据，但是在每个“更改”函数之后，在我的对象之前添加了一个空数组（类似问题） - 然后是我的函数可能会在进一步“更改事件”后中断，因为它正在尝试读取一个对象，但它前面有空数组（我可以看到记录到控制台）。

我需要以某种方式清理或清除我的对象吗？为什么会这样？

感谢您的回答。

Answer 1

我确信你在on() 中除了你所显示的之外还有更多代码。

您必须纠正您的问题，如下所示：-

var model_object = {};
$('select#submit_model').on('change', function(){

   //do your stuff with model_object

   console.log(model_object);

});

示例：-

var model_object = {};
$('select#submit_model').on('change', function(){
   model_object['selected_value'] = $(this).val();
   console.log(model_object);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="submit_model">
  <option>one</option>
  <option>two</option>
  <option>three</option>
</select>

注意：- 在您的代码中，每次选择框值更改时都会创建新实例（对象）。