我试图找到一种优雅的方法来检查对象中是否存在某些深层属性。所以实际上试图避免对未定义的例如可怕的保护检查。
if ((typeof error !== 'undefined') &&
(typeof error.responseJSON !== 'undefined') &&
(typeof error.responseJSON.error) &&
(typeof error.responseJSON.error.message)) {
errorMessage = error.responseJSON.error.message;
}
我在想的是一个方便的功能，如
if (exists(error.responseJSON.error.message)) { ... }
有任何想法吗？为方便起见，解决方案可以使用下划线-library。
有几种可能：
试着抓
try {
errorMessage = error.responseJSON.error.message;
} catch(e) { /* ignore the error */}
失败原因：
Object.defineProperty(error, 'responseJSON', {
get: function() { throw new Error('This will not be shown')
});
＆&
errorMessage = error && error.responseJSON && error.responseJSON.error && error.responseJSON.error.message;
失败原因：
error.responseJSON = 0;
// errorMessage === 0 instead of undefined
功能
function getDeepProperty(obj,propstr) {
var prop = propstr.split('.');
for (var i=0; i<prop.length; i++) {
if (typeof obj === 'object')
obj = obj[prop[i]];
}
return obj;
}
errorMessage = getDeepProperty(error, 'responseJSON.error.message');
// you could put it all in a string, if the object is defined in the window scope
失败原因：
// It's hard(er) to use
功能替代- 请参阅@Olical 的评论
function getDeepProperty(obj) {
for (var i=1; i<arguments.length; i++) {
if (typeof obj === 'object')
obj = obj[arguments[i]];
}
return obj;
}
errorMessage = getDeepProperty(error, 'responseJSON', 'error', 'message');
试试这个下划线 mixin来查找带有路径的变量。它需要一个对象和字符串和 t
_.mixin({
lookup: function (obj, key) {
var type = typeof key;
if (type == 'string' || type == "number")
key = ("" + key).replace(/\[(.*?)\]/, function (m, key) { //handle case where [1] may occur
return '.' + key.replace(/["']/g, ""); //strip quotes
}).split('.');
for (var i = 0, l = key.length; i < l; i++) {
if (_.has(obj, key[i]))
obj = obj[key[i]];
else
return undefined;
}
return obj;
}
});
现在调用您的示例：
_.lookup(error, 'responseJSON.error.message') // returns responseJSON.error.message if it exists otherwise `undefined`