如何從underscore.js中引用名稱中包含句點的JSON屬性javascript模板庫

Question

我正在使用下劃線模板引擎（作爲Backbone.js的一部分）並且存在JSON對象的屬性在它即

{ 
"id": 1234, 
"company.id": 4321 
} 

當我嘗試訪問這下劃線模板，我得到一個JavaScript錯誤：

Company ID: <@= company.id @> 

我想知道，如果可能的話，它是如何做訪問屬性，以期在其中。我無法改變JSON的生成。

考珀

Answer 1

圍繞一個簡單的方法是環繞它的另一個對象，這樣就可以使用[]訪問'company.id'。例如，您的模板看起來是這樣的：

<script id="tmpl" type="text/html"> 
    id: <%= o.id %><br> 
    company: <%= o['company.id'] %> 
</script>​ 

而JavaScript是這樣的：

var html = _.template($('#tmpl').html(), { 
    o: { 
     "id": 1234, 
     "company.id": 4321 
    } 
}); 

演示：http://jsfiddle.net/ambiguous/wtLkP/1/ 下劃線模板編譯器使用with提供像簡單的事情上下文<%= x %>在模板中，所以我不認爲你能做得比上面的o.更好。下劃線從模板建立一個功能，你可以通過查看source屬性功能的看到函數源：

var t = _.template(template_source); 
console.log(t.source); 

這會給你這樣的事情：

function(obj){ 
var __p='';var print=function(){__p+=Array.prototype.join.call(arguments, '')}; 
with(obj||{}){ 
__p+='\n id: '+ 
(o.id)+ 
'<br>company: '+ 
(o['company.id'])+ 
' and stuff\n'; 
} 
return __p; 
} 

，你可以看到爲什麼只有<%= [x] %>將不起作用：with只調整當前範圍，因此無法將[x]轉換爲有效的JavaScript。