javascript parse template - родной путь?

Question

Как я могу проанализировать и оценить шаблон, из строки или из тега: (то же самое)
<script type="template">hello {{person.name}}</script>?

var person = {name: "foo"} 

таким образом, что является родной в браузер?
До сих пор единственный способ, которым я придумал, - использовать s.replace("{{person.name}}", person.name) несколько раз, но это кажется неудобным и неэффективным.

Особенно хотелось бы знать, как это делают известные библиотеки (угловые, подчеркивающие, усы и т. Д.). то есть в функциях javascript они используют.

Answer 1

Есть библиотеки там, которые могут сделать это, однако в ES6 его встроенный, он называется Template_literals

Синтаксис является

let name = "Bob"; 
let halloBob = `Hello ${name}` 

Если вы ориентируетесь ES5, то вы должны использовать некоторые библиотеки как

http://handlebarsjs.com/

Но есть намного больше, чем только рули, я нашел этот блог, как вы можете написать свою собственную библиотеку шаблонов в 20 LOC:

http://krasimirtsonev.com/blog/article/Javascript-template-engine-in-just-20-line