ES6模板字符串的用法

模板字符串的常规用法

let name = "Jack";
let desc = "${name} is a good guy";

let name = "Jack";

let desc = "${name} is a good guy";

将字符串变量，作为模板字符串使用。

很多时候，我们会需要将一个字符串变量作为模板字符串使用，比如，从数据库读取了一个字符串’Hello ${name}’，我们希望用它作为模板来使用，在需要的时候，填充变量name。这时，可以通过如下方法进行。

// 方法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!"

// 方法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

使用eval的注意事项

模板字符串的嵌套

let tmpl = friends => ${friends.map(f =>${f.name}).join(',')};
let friends = [{name:"Tom"}, {name: "Jack"}]
tmpl(friends)
// "Tom,Jack"

let tmpl = friends => ${friends.map(f =>${f.name}).join(',')};

let friends = [{name:"Tom"}, {name: "Jack"}]

tmpl(friends)

// "Tom,Jack"

联系站长