artTemplate--使用artTemplate时，由于json对象属性有数字命名格式 导致调用报错 syntax error

案例

今天在使用artTemplate做开发时，遇到一个比较奇葩的问题，就是使用json对象去获取值得时候，报如下错误：

Template Error<temp>
function anonymous($data,$filename) {'use strict';var $utils=this,$helpers=$utils.$helpers,$escape=$utils.$escape,crediteaseReportData=$data.crediteaseReportData,$each=$utils.$each,riskItem=$data.riskItem,$index=$data.$index,loanRecord=$data.loanRecord,$out='';$out+='<div class="contentWrap splitHeader">\n <a href="#" class="buttonActive" data-toggle="back" style="float: right;margin-right: 20px;"><span><<返回</span></a>\n\n <h1>宜信致诚数据详情</h1>\n</div>\n\n\n<table >\n <tbody>\n <tr>\n <th style="border: 1px solid #ddd;background: #f5f5f5;padding: 8px;width: 111px;border-top: 1px solid #ddd;vertical-align: top;">致诚分</th>\n <td style="style="margin-bottom: 1px"">\n <table class="table table-bordered" style="margin-bottom: 0px">\n <tbody>\n <tr>\n <th style="border: 1px solid #ddd; vertical-align: top; border-top: 1px solid #ddd;display: table-cell;background: #f5f5f5;padding: 8px;">信用评分</th>\n <td style="border: 1px solid #ddd;padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;width: 781px;">\n ';
$out+=$escape(crediteaseReportData.creditScore.result.creditScore);
$out+=' (分值范围300~850)</td>\n </tr>\n <tr>\n <th style="border: 1px solid #ddd; vertical-align: top; border-top: 1px solid #ddd;display: table-cell;background: #f5f5f5;padding: 8px;">违约概率</th>\n <td style="border: 1px solid #ddd;padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd;width: 781px;">\n ';
$out+=$escape(crediteaseReportData.creditScore.result.rate);
$out+='</td>\n </tr>\n\n </tbody>\n </table>\n </td>\n </tr>\n\n <tr>\n <th style="border: 1px solid #ddd;background: #f5f5f5;padding: 8px;width: 111px;border-top: 1px solid #ddd;vertical-align: top;">风险名单对比结果</th>\n <td style="margin-bottom: 1px">\n <table class="table table-bordered" style="margin-bottom: 0px">\n <tbody>\n <tr>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">命中项</th>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">命中内容</th>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">风险类别</th>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">风险发生时间（最近）</th>\n </tr>\n ';
$each(crediteaseReportData.blackList.result.riskItems,function(riskItem,$index){
$out+='\n <tr>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(riskItem.riskItemType);
$out+='</td>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(riskItem.riskItemValue);
$out+='</td>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(riskItem.riskType);
$out+='</td>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(riskItem.riskTime);
$out+='</td>\n </tr>\n ';
});
$out+='\n </tbody>\n\n </table>\n </td>\n </tr>\n\n <tr>\n <th style="border: 1px solid #ddd;background: #f5f5f5;padding: 8px;width: 111px;border-top: 1px solid #ddd;vertical-align: top;">借款情况</th>\n <td style="margin-bottom: 1px">\n <table class="table table-bordered" style="margin-bottom: 0px">\n <tbody>\n <tr>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">借款时间</th>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">借款金额</th>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">审批结果</th>\n <th style="border: 1px solid #ddd;background: #f5f5f5;width: 218px;padding: 8px;">目前状态</th>\n </tr>\n ';
$each(crediteaseReportData.queryLoan.result.loanRecords,function(loanRecord,$index){
$out+='\n <tr>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(loanRecord.loanTime);
$out+='</td>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(loanRecord.amount);
$out+='</td>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(loanRecord.approveStatus);
$out+='</td>\n <td style="border: 1px solid #ddd; width: 218px; padding: 8px;">';
$out+=$escape(loanRecord.currentStatus);
$out+='</td>\n </tr>\n ';
});
$out+='\n <tr><td>逾期统计：共借款逾期';
$out+=$escape(crediteaseReportData.queryLoan.result.overdue['overdueTimes']);
$out+='次，90天以上逾期 ';
$out+=$escape(crediteaseReportData.queryLoan.result.overdue.90overdueTimes]);
$out+=' 次，180天以上逾期 ';
$out+=$escape(crediteaseReportData.queryLoan.result.overdue['180overdueTimes']);
$out+=' 次</td></tr>\n </tbody>\n </table>\n </td>\n </tr>\n\n\n\n\n </tbody>\n</table>';
return new String($out);}<filename>
yx_creditease_detail<name>
Syntax Error

后台返回的json字符串格式如下：

"queryLoan": {
"crediteaseId": 1,
"data": "{"overdue":{"180overdueTimes":0,"overdueTimes":0,"90overdueTimes":0},"loanRecords":[{"amount":"(20000,50000]","approveStatus":"未通过","approveStatusCode":"203","currentStatus":"---","currentStatusCode":"---","loanTime":"2015"}]}",
"idCard": "510226196602284031",
"queryType": "queryLoan",
"querytime": 1467870500000,
"responseCode": "000000",
"responseContent": "成功",
"result": {
"loanRecords": [
{
"amount": "(20000,50000]",
"approveStatus": "未通过",
"approveStatusCode": "203",
"currentStatus": "---",
"currentStatusCode": "---",
"loanTime": "2015"
}
],
"overdue": {
"180overdueTimes": 0,
"90overdueTimes": 0,
"overdueTimes": 0
}
}

具体是因为添加了如下代码：

<tr><td>逾期统计：共借款逾期{{crediteaseReportData.queryLoan.result.overdue['overdueTimes']}}次，90天以上逾期 {{crediteaseReportData.queryLoan.result.overdue.90overdueTimes}} 次，180天以上逾期 {{crediteaseReportData.queryLoan.result.overdue['180overdueTimes']}} 次</td></tr>

注意加入如下代码时，是没有任何异常出现的：

{{crediteaseReportData.queryLoan.result.overdue.overdueTimes}}

但是加入下面代码后，马上报语法错误:

{{crediteaseReportData.queryLoan.result.overdue.90overdueTimes}}

解决方案

出现上图原因是因为json属性的命名格式有数字，导致不能直接使用对象"."属性的方式

crediteaseReportData.queryLoan.result.overdue.90overdueTimes

只需要修改为如下类似数组方式即可：

crediteaseReportData.queryLoan.result.overdue['90overdueTimes']