JavaScript - 更新/重新初始化对象

Question

我有一个“Product”对象，其值彼此依赖，如下所示:

function Product(object) {
  this.object = object;
  this.data = {
    id: this.object.val(),
  }
}

var product = new Product($('input[name="productId"]:checked'));

而且...它正在工作。但是，我想在输入更改时重新初始化整个对象，因为我在这里得到的对象很少:

 <input type="radio" name="productId" value="ONE" checked="checked" />
 <input type="radio" name="productId" value="TWO" />

我可以在更改事件上手动设置新值:

$(function () {
  $('input[name="productId"]').change(function(e) {
    e.preventDefault();
    product.object = $('input[name="productId"]:checked');
  });
});

但它只会更改“对象”值，不会影响其中的其他值。

我当然可以在更改事件上手动设置每个新值​​，但似乎不对，不是吗？我不想每次更新时都重复一遍，我只是想重新生成该对象。

现在我有一个在 Product 对象中使用公共(public)函数的解决方法，然后在更改事件上调用它。

 this.updateData = function() {
   this.data.id = this.object.val();
 }

但是，它只是重复每个声明，而且会非常困惑，因为会出现更多的对象属性，而不仅仅是“id”。

Answer 1

你想改变对象的每个属性吗？如果是这样，那么为什么不创建新对象来代替旧对象呢？

$(function () {
  $('input[name="productId"]').change(function(e) {
    e.preventDefault();
    product = new Product($('input[name="productId"]:checked'));
  });
});

但是如果您出于某种原因希望保留该对象，您可以这样做:

function Product(object) {
  this.updateData = function(o) {
    this.object = o;
    if (!this.data) this.data = {};
    this.data.id = this.object.val();
    //etc...
  }
  this.updateData(object)
}