在過去我們撰寫字串的時候都是使用"

  {
    name: '小明',
    friends: 2
  },
  {
    name: '阿姨',
    friends: 999
  },
  {
    name: '杰倫',
    friends: 0
  }
]

let originString = '我叫做 ' + people[0].name; // 過去的寫法
let originUl = '<ul>\
  <li>我叫做 ' + people[0].name + '</li>\
  <li>我叫做 ' + people[1].name + '</li>\
  <li>我叫做 ' + people[2].name + '</li>\
</ul>'; // 多行的寫法

es6字串使用方法 ‵${}`

const imgurl ='images/down.jpg';
const title ='hexschoo;';
// list.innerHTML='<li><img src='+imgurl+'><h2>'+title+'</h2></li>';
list.innerHTML=`<li><img src="${imgurl}"><h2>${title}</h2></li>`;

${}內使用函式 (函式內可在使用 Template String)

通常都是需要帶變數才會使用