javascript - Knockout.Mapping 和 EcmaScript 5 得到设置

Question

ko.mapping 可以在单个 ko.computed中转换get、set 属性 (ES5)吗？

var people = { 
    get Name (){ 
        return this._name;
    },
    set Name(value){
        this._name = value;
    } 
};
var vm = ko.mapping(people, {/* mapping getset to computed */});
vm.Name instanceOf ko.computed === true.

ko.mapping 支持这个或如何做到这一点？

Answer 1

我确定您的意思是使用可观察对象，而不是计算对象，因为这不依赖于其他可观察对象。

我创建了一个要点，包括测试，创建具有可观察属性的模型，以及创建它们的一些实用函数。核心代码在这里：

var defineProperty = function(type, obj, prop, def) {
  if (obj == null || typeof obj != 'object' || typeof prop != 'string') {
    throw new Error('invalid arguments passed');
  }

  if (Object.prototype.toString.call(def) === '[object Array]' && type === 'observable') {
    type = 'observableArray';
  }

  var obv = ko[type](def);
  Object.defineProperty(obj, prop, {
    set: function(value) { obv(value) },
    get: function() { return obv() },
    enumerable: true,
    configurable: true
  });

  Object.defineProperty(obj, '_' + prop, {
    get: function() { return obv },
    enumerable: false
  });
};

ko.utils.defineObservableProperty = defineProperty.bind(null, 'observable');
ko.utils.defineComputedProperty = defineProperty.bind(null, 'computed');

ko.observableModel = function(defaults) {
  for (var prop in defaults) {
    if (defaults.hasOwnProperty(prop)) {
      if (defaults[prop] != null && typeof defaults[prop] == 'object' && Object.prototype.toString.call(defaults[prop]) !== '[object Array]') {
        // should this also be an observable property?
        this[prop] = new ko.observableModel(defaults[prop]);
      } else if (!defaults[prop] || !ko.isSubscribable(defaults[prop])) {
        ko.utils.defineObservableProperty(this, prop, defaults[prop]);
      } else {
        this[prop] = defaults[prop];
      }
    }
  }
};