4

可能重复：
javascript 测试是否存在嵌套对象键

我试图formset通过测试某个对象是否为 a 来构造一条错误消息，如果它不是， 那么我最终会用该错误消息填充它。主要问题是我必须验证每个嵌套对象是否为，这会导致一些非常丑陋的代码。这是示例：undefinedundefinedundefined

errorsForField: function(fieldName, formsetName, formNumber) {
            if (typeof this.model.errors != 'undefined'){

                var fieldError = document.createElement('span');
                $(fieldError).addClass('field-error');

                // THE FOLLOWING LINE THROWS ERROR.
                if (formsetName && _.isUndefined(this.model.errors[formsetName][fieldName]) != true) {
                    $(fieldError).text(this.model.errors[formsetname][fieldName]);
                } else if (typeof this.model.errors[fieldName] != "undefined"){
                    $(fieldError).text(this.model.errors[fieldName]);
                }

                this.errors[fieldName] = fieldError.outerHTML;
                return fieldError.outerHTML; 
            }
            return false; 
        },

我收到一条错误消息，指出我无法[fieldName]确定undefined object this.model.errors[formsetName]. 换句话说，我必须先确定 if this.model.errors[formsetName]is empty然后测试 if [fieldname]is undefined。

这似乎是一个非常麻烦的解决方案。有什么改变这个的建议吗？

4

2 回答 2

6

您可以创建一个库函数，将属性名称作为参数并返回最终值（如果存在）或 null：

function TryGetPropertyValue(o, propertyName1 /*, ... propertyNameN */) {
    var names = [].slice.call(arguments, 1);
    while (o && names.length) {
        o = o[names.shift()];
    }
    return names.length ? null : o;
}

像这样称呼它：

var err = TryGetPropertyValue(this.model.errors, formsetName, fieldName) ||
          TryGetPropertyValue(this.model.errors, fieldName);
if (err != null) {
    $(fieldError).text(err);
}

如果您希望它返回undefined而null不是找不到该字段，您可以稍微更改函数：

function TryGetPropertyValue(o, propertyName1 /*, ... propertyNameN */) {
    var names = [].slice.call(arguments, 1);
    while (o && names.length) {
        o = o[names.shift()];
    }
    if (names.length == 0) {
        return o;
    }
}

http://jsfiddle.net/HbggQ/

于 2012-06-06T17:36:55.420 回答
3

正如 Paul 所建议的，这是 Javascript 的固有限制。即使是 Coffeescript（它只是 JS 之上的一层语法糖）也不能真正解决问题；它只是将解决方法隐藏在它的语法糖下（诚然这真的很方便）

如果你想坚持使用 Javascript，你基本上有两个选择：使用三元运算符，或者使用布尔运算符。以下是每个检查 ABCD 的示例（其中 A、B、C 或 D 可能不存在）：

// Returns A.B.C.D, if it exists; otherwise returns false (via ternary)
return !A ? false :
            !A.B ? false :
                   !A.B.C ? false :
                            A.B.C.D ? A.B.C.D : false;

// Returns A.B.C.D, if it exists; otherwise returns false (via booleans)
return A && A.B && A.B.C && A.B.C.D;

显然后者要短得多。两种解决方案都依赖于 Javascript 的“真实性”（即值0、""、null和undefined被视为假）。这对您的情况应该没问题，因为这些值都没有错误属性。但是，如果您确实需要区分 (say)0和undefined，则可以使用三元样式，并替换!A为typeof(A) == 'undefined'.

于 2012-06-06T17:41:17.233 回答