ES6模板字符串的用法
模板字符串的常规用法
1 2 3 |
let name = "Jack"; let desc = "${name} is a good guy"; |
将字符串变量,作为模板字符串使用。
很多时候,我们会需要将一个字符串变量作为模板字符串使用,比如,从数据库读取了一个字符串’Hello ${name}’,我们希望用它作为模板来使用,在需要的时候,填充变量name。这时,可以通过如下方法进行。
1 2 3 4 5 6 7 8 9 10 |
// 方法1 let str = 'return ' + '`Hello ${name}!`'; let func = new Function('name', str); func('Jack') // "Hello Jack!" // 方法2 let str = '(name) => `Hello ${name}!`'; let func = eval.call(null, str); func('Jack') // "Hello Jack!" |
new Function
的使用方法,可以参考new Function
模板字符串的嵌套
1 2 3 4 5 |
let tmpl = friends => ${friends.map(f =>${f.name}).join(',')}; let friends = [{name:"Tom"}, {name: "Jack"}] tmpl(friends) // "Tom,Jack" |