ES6模板字符串详细介绍

$('#result').append(
  'I am ' + web.name + '</b>' +
  'I`m ' + web.year + ' years old'
);

$('#result').append(`
  I am ${web.name} </b>
  I\`m ${web.year} years old
`);

$('#result').append(`
  I am ${web.name} </b>
  I\`m ${web.year} years old
`.trim());

let x = 1;
let y = 2;

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

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

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

function fn() {
  return "web秀";
}

`I am ${fn()}`
// "I am web秀"

let func = (name) => `Hello ${name}!`;
func('web秀') // "Hello web秀!"

let data = [{
  id: 1,
  name: 'NO_' + 1
},{
  id: 2,
  name: 'NO_' + 2
}]
const tmpl = addrs => `
  <table>
  ${addrs.map(addr => `
    <tr><td>${addr.id}</td></tr>
    <tr><td>${addr.name}</td></tr>
  `).join('')}
  </table>
`;
console.log(tmpl(data));
// <table>
//   <tr><td>1</td></tr>
//   <tr><td>NO_1</td></tr>
//   <tr><td>2</td></tr>
//   <tr><td>NO_2</td></tr>
// </table>

// 变量place没有声明
let msg = `Hello, ${name}`;
// error: VM7585:2 Uncaught ReferenceError: name is not defined