如何验证可观察对象是否具有所有必需的成员？

Question

基本上我想在应用绑定之前验证我的 observable，这样我就永远不会得到某事未定义错误。

假设我确实有一个 javascript 类，它定义了我需要的所有内容，并且我想针对它验证从 ajax 创建的 observable。

有通用的方法吗？

编辑：

http://jsfiddle.net/rgneko/GuR8v/

目前演示会抛出错误，因为其中一项没有 id 属性。我想验证是否所有项目都有效。

$(document).ready(function () {
    function ModelToTestAgainst(id, name, type, items) {
        this.id = id;
        this.name = name;
        this.type = type;
        this.items = items;
    }
    var data = {
        items: [{
            id: 1,
            name: 'name1',
            type: 'folder',
            items: []
        }, {
            id: 2,
            name: 'name2',
            type: 'file',
            items: []
        }, {
            name: 'name2',
            type: 'file',
            items: []
        }]
    };
    var someRandomObservaleIGotFromWherever = ko.mapping.fromJS(data);
    // I want to Validate(someRandomObservaleIGotFromWherever) before apply bindings

    ko.applyBindings(someRandomObservaleIGotFromWherever);
});

Answer 1

有一个标准的 JSON Schema，在 http://json-schema.org/ 中定义。

架构可以很简单：

var schema = {"type" : "object"};

这要求值是一个对象。或者更复杂，例如来自 json-schema.org 的这个示例：

{
  "title": "Example Schema",
  "type": "object",
  "properties": {
    "firstName": {
      "type": "string"
    },
    "lastName": {
      "type": "string"
    },
    "age": {
      "description": "Age in years",
      "type": "integer",
      "minimum": 0
    }
  },
  "required": ["firstName", "lastName"]
}

这需要多个属性存在，定义它们的类型，甚至是其中一个的最小值。

然后你需要一个库，允许使用这种模式验证 JS 对象。在同一站点中，您可以找到a list of libraries for validating (and parsing, creating documentation...)。请注意，并非所有库都已更新，并且并非所有库都支持最新的 JSON 架构版本。

例如using JSV，你可以像这样简单地进行验证：

var report = env.validate(json, schema);

Answer 2

您为什么不将其映射/包装到您知道具有您需要的所有属性的视图模型中？

function ViewModel(model) {
    this.x = ko.observable(model.x || 0);
    this.y = ko.observable(model.y || 0);
}
var original = { x: 27 }; // Use your ajax object here.
var viewModel = new ViewModel(original);

Answer 3

如何使用 JSON Schema 验证。

我使用了来自Tiny Validator 的库来启用验证。验证很容易添加为可观察的扩展

$(document).ready(function () {
    // Attach a validationSchema method to all observable types
    ko.subscribable.fn["validateSchema"] = function(schema){
        // Convert the observable back to an object literal to test.
        var source = ko.mapping.toJS(this());

        return tv4.validate(source, schema);
    };

    // Define schema for ModelToTestAgainst
    var modelSchema = {
        "$schema": "http://tempuri.org/ModelToTestAgainst",
        "title": "ModelToTestAgainst Set",
        "type": "array",
        "items": {
            "title": "ModelToTestAgainst",
            "type": "object",
            "properties" : {
                "id" : { 
                    "type": "number", 
                    "minimum" : 1
                },
                "name" : { "type": "string" },
                "type" : { "type": "string" },
                "items" : { "type" : "array" }
            },
            "required": ["id", "name", "type", "items"]
        }
    };
    function ModelToTestAgainst(id, name, type, items) {
        this.id = id;
        this.name = name;
        this.type = type;
        this.items = items;
    }
    var data = {
        items: [{
            id: 1,
            name: 'name1',
            type: 'folder',
            items: []
        }, {
            id: 2,
            name: 'name2',
            type: 'file',
            items: []
        }, {
            name: 'name2',
            type: 'file',
            items: []
        }]
    };
    var obs = ko.mapping.fromJS(data));
    var isValid = obs.items.validateSchema(modelSchema);

    if( isValid ) {        
        ko.applyBindings(obs);
    }
});