js 字符串模板实列

const Leo = {
    name:‘Leo‘,
    date:‘2019-12-21‘,
    todos:[
        {name:‘Go to Store‘,completed:false},
        {name:‘Watch Movie‘,completed:true},
        {name:‘Running‘,completed:true},
    ]
}
function rendertudos(){
    return `
        <ul>
            ${Leo.todos.map((todo) => `
                <li>
                    ${todo.name} ${todo.completed ? ‘OK‘ : ‘NO‘}
                </li>`).join(‘‘)
            }
        </ul>
    `
}
const template = `
    <div>
        ${rendertudos()}
    </div>
`
document.body.innerHTML = template
console.log(template)