字符串的扩展--2

// 多行字符串
// console.log(`string text line 1
// string text line 2`);
// string text line 1
// string text line 2

// 字符串中嵌入变量
// var name = "Bob", time = "today";
// var str = `Hello ${name}, how are you ${time}?`
// console.log(str)//Hello Bob, how are you today?

// // 如果在模板字符串中需要使用反引号，则前面要用反斜杠转义。
// var greeting = `\`Yo\` World!`;
// console.log(greeting)//`Yo` World!

// 大括号内部可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。
// var x = 1;
// var y = 2;

// `${x} + ${y} = ${x + y}`
// // "1 + 2 = 3"

// // `${x} + ${y * 2} = ${x + y * 2}`
// // // "1 + 4 = 5"

// var obj = {x: 1, y: 2};
// `${obj.x + obj.y}`
// // 3

// 如果模板字符串中的变量没有声明，将报错。
// 变量place没有声明
// var msg = `Hello, ${place}`;//place is not defined
// 报错

// 模板字符串的变量之中，又嵌入了另一个模板字符串.
// const tmpl = addrs => `
// <table>
// ${addrs.map(addr => `
// <tr><td>${addr.first}</td></tr>
// <tr><td>${addr.last}</td></tr>
// `).join('')}
// </table>
// `;
// const data = [
// { first: '<Jane>', last: 'Bond' },
// { first: 'Lars', last: '<Croft>' },
// ];
// console.log(tmpl(data));
// <table>
//
// <tr><td><Jane></td></tr>
// <tr><td>Bond</td></tr>
//
// <tr><td>Lars</td></tr>
// <tr><td><Croft></td></tr>
//
// </table>

 

// var basket = "name";
// $('#result').append(`
// There are <b>${basket}</b> items
// in your basket, <em>${basket}</em>
// are on sale!
// `);
// 如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中。
// $('#result').html(`
// <ul>
// <li>first</li>
// <li>second</li>
// </ul>
// `);
// 所有模板字符串的空格和换行，都是被保留的，比如<ul>标签前面会有一个换行。如果你不想要这个换行，可以使用trim方法消除它。
$('#result').html(`
<ul>
<li>first</li>
<li>second</li>
</ul>
`.trim());