已知模板： <script id="test" type...

Question

已知模板： 
<script id="test" type="text/html"> 
 <h1>{{title}}</h1> 
 <p>我叫{{data.name}}，性别{{data.sex}}，年龄{{data.age}}，这两个JS面试题对我而言小菜一碟！</p> 
</script>
数据： 
var data = {
 title: '面试吐槽'
 data: {
   name: '阅文', 
   sex: '男'
   age: 22
} }  

执行脚本： 
var html = template('test', data)  
html的值是： 
<h1>面试吐槽</h1> 
<p>我叫阅文，性别男，年龄22，这两个JS面试题对我而言小菜一碟！</p>   

这个神奇的template方法到底做了什么事情化腐朽为神奇呢，认为小菜一碟的你可否告诉我具体的实现呢？