動態字符串編譯

Question

有沒有簡單的方法來做一次性模板字符串編譯/單向數據綁定？我不需要動態組件，只需要處理模板字符串，例如My name is {{person.name}}並綁定提供的上下文，例如{name: 'John'}。

Answer 1

如果使用babeljs或同級（或特定browsers），可以使用Template literals，像這樣：

var person = { name: 'john' }; 
 
var result = `My name is ${person.name}`; 
 

 
console.log(result);

如果沒有，你可以使用這樣的正則表達式：

var person = { name: 'john' }; 
 
var result = 'My name is {{person.name}}'.replace(/{{?.*}}/, function(a) { 
 
    return eval(a); 
 
}); 
 

 
console.log(result);

當然，這是虛擬演示，但這是主體。