javascript - jQuery将复制扩展到以前的闭包

描述

在我的示例中，我试图定义一个具有Car成员和private getter的简单类（称为public）。我还想将另一个对象映射到类的实例中。我正在使用jQuery.extend()来实现这一点，并且效果很好，除非该成员是私有的（不受此约束）。我猜这是因为getter函数关闭了对象创建时定义的值。

我仍然希望能够在.extend()之后在成员上重新关闭该函数，以便它将反映新的值，有人可以帮助我实现这一目标吗？

我还尝试过将传递的引用扩展到{}对象，然后将该空白对象用作目标，如下所示：

function mapToObject(template, json) {
    var b = $.extend(true,{}, template);
  return $.extend(true, b, json);
}

这也不会破坏以前的关闭。

我的代码：

// simple class with private member
function Car() {
  var noOfWheels = 2;
  this.honk = function() {
    alert(noOfWheels);
  }
}
// method which converts JSON object to a more typed class object
function mapToObject(template, json) {
  return $.extend(true, template, json);
}

// sample Object , in reality coming from AJAX response
var t = {
  noOfWheels: 5
};
// i want to map t to an instance of Car
var r = mapToObject(new Car, t);// closing here during new Car, i think
r.honk(); // this alerts 2 not 5 because of closure!

小提琴：

https://jsfiddle.net/sajjansarkar/samj3pjq/2/

[EDIT]基于DrFlink的答案，我的解决方案：

// one class
function Car(options) {
  var settings = $.extend({
    noOfWheels: 2
  }, options || {});
  this.honk = function() {
    alert(settings.noOfWheels);
  }
}
// another class
function Lemon(options) {
  var settings = $.extend({
    color: null
  }, options || {});
  this.getColor = function() {
    alert(settings.color);
  }
}
// function to map any json to a template class instance
function ObjectMapperFactory(template, json) {
  if (!jQuery.isArray(json)) {
    return new template(json);
  } else {
    var returnArray = [];
    $(json).each(function() {
      returnArray.push(new template(this))
    });
    return returnArray;
  }
}

//test 1
var carJSON = {
  noOfWheels: 5
};
var c = ObjectMapperFactory(Car, carJSON);
c.honk();
//test2 -different class and also testing array
var lemonJSON = [{
  color: "yeller"
},{
  color: "red"
}];

var c = ObjectMapperFactory(Lemon, lemonJSON);
c[0].getColor();
c[1].getColor();

更新内容：

https://jsfiddle.net/sajjansarkar/samj3pjq/3/

最佳答案

为什么要那样做？也许这会更简单：

// simple class with private member
var Car = function(options) {
  var settings = $.extend({
    noOfWheels: 2
  }, options || {});

  // Public method - can be called from client code
  this.honk = function(){
    alert(settings.noOfWheels);
  };

  // Private method - can only be called from within this object
  var myPrivateMethod = function(){
    alert('This is private!');
  };
};

// sample Object
var t = {
  noOfWheels: 4
};

var I = new Car(t);
var J = new Car({
  noOfWheels: 6
});

I.honk();
J.honk();