首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >检查是否定义了对象,这是最佳实践。

检查是否定义了对象,这是最佳实践。
EN

Stack Overflow用户
提问于 2010-10-18 02:28:25
回答 4查看 35.8K关注 0票数 25

我有以下来自ajax-request的JSON响应。

代码语言:javascript
复制
var json = {
    "response": {
        "freeOfChargeProduct": {  
        "description": "Product",  
        "orderQty": 5,
        "productName": "XYZ",
        "qty": 6,
        "details": {
            "price": 55.5, 
            "instock": "true",
            "focQuantity": 1
        }
    }, 
    "orderLineId": 4788,
    "totalOrderLinePrice": "741.36",
    "totalOrderPrice": "1,314.92",
    "totalQty": 17
};

JSON并不总是返回"freeOfChargeProduct“属性。因此,如果我想获得"freeOfChargeProduct“价格,那么我必须执行以下操作:

代码语言:javascript
复制
var getFreeOfChargeProductPrice = function() { 
   var r = json.response;
   if (r && r.freeOfChargeProduct && r.freeOfChargeProduct.details) {
      return r.freeOfChargeProduct.details.price;         
   }
   return null;
};

没问题。但是检查对象中的每个属性是非常烦人的,所以我创建了一个函数来检查对象中的属性是否已定义。

代码语言:javascript
复制
var getValue = function (str, context) {
    var scope = context || window,
        properties = str.split('.'), i;
    for(i = 0; i < properties.length; i++) {
      if (!scope[properties[i]]) {                       
         return null;
      } 
      scope = scope[properties[i]];        
    }
    return scope;
};

代码语言:javascript
复制
var price = getValue('json.response.freeOfChargeProduct.details.price');
// Price is null if no such object exists.

现在我的问题是:这是一种检查对象中是否存在属性的好方法还是坏方法?有更好的建议/方法吗?

编辑:

我不想使用&&-运算符。我很懒,我正在寻找一种可重用的方法来检查是否定义了一个对象(或对象的属性)。

:)谢谢!

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-10-18 03:34:46

代码语言:javascript
复制
if(x && typeof x.y != 'undefined') {
    ...
}

// or better
function isDefined(x) {
    var undefined;
    return x !== undefined;
}

if(x && isDefined(x.y)) {
    ...
}

这将适用于JavaScript中的任何数据类型,甚至是为零的数字。如果要检查对象或字符串,只需在If语句中使用x && x.y,或者如果您已经知道x是一个对象,则使用if(x.y) ...

票数 20
EN

Stack Overflow用户

发布于 2010-10-18 02:36:29

使用保护模式:

代码语言:javascript
复制
if (json.response && json.response.freeOfChargeProduct && json.response.freeOfChargeProduct.details) {
    // you can safely access the price
}  

这就是保护模式的工作方式。

代码语言:javascript
复制
if (a && a.b && a.b.c) { ... } else { ... }

第一个检查是“属性a是否存在?”如果不是,则执行else-分支。如果是,则执行下一个检查,即“对象a是否包含属性b?”。如果不是,则执行else-分支。如果是,则进行最后的检查:“对象a.b是否包含属性c?”。如果不是,则执行else-分支。如果是(也只有在那时),If分支才会执行。

更新:为什么它被称为“守卫模式”?

代码语言:javascript
复制
var value = a && b;  

在本例中,成员b (右操作数)由&&运算符保护。只有当成员a (左操作数)为真(“值得”)时,才会返回成员b。然而,如果成员a是假的(“不值得”),那么它本身就会被返回。

顺便说一句,如果成员返回这些值:nullundefined0""falseNaN,则它们是错误的。成员在所有其他情况下都是诚实的。

票数 24
EN

Stack Overflow用户

发布于 2010-10-18 03:26:26

你可以这样做:

代码语言:javascript
复制
try{
    var focp = json.response.freeOfChargeProduct
    var text = "You get " + focp.qty + " of " +
        focp.productName +
        " for only $" + (focp.qty-focp.details.focQuantity)*focp.details.price +
        ", You save $" + focp.details.focQuantity*focp.details.price;
    $("order_info").innerText = text;
} catch(e) {
    // woops, handle error...
}

如果字段存在,它将根据问题中提供的数据生成如下消息:

你只花277,5美元就能买到6台XYZ,你省下了55.5美元

如果数据不存在,您将在catch块中结束。如果你不能想出一种方法来处理这个错误(也许对数据做一个新的AJAX请求?),你可以总是尝试,捕捉,忘记这里。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3954630

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档