#高效前端#（3）ES6字符串拼接

` ` 这个用来字符串拼接其实都是比较常见的了，在这里记录的是因为，我经常只把它用在第一类中，第二类中几乎还是用 + 拼接来解决

类别是按照我个人的习惯划分，对于` `的使用，我一般只使用在这两类地方

第一类:

 var html = '';
  var dataResponse = [
    { shopname: '河北沃尔玛', name: '吴小姐', tel: '7777777' },
    { shopname: '北京沃尔玛', name: '陈先生', tel: '1111111' },
    { shopname: '中国沃尔玛', name: '吴先生', tel: '222222' },
    { shopname: '深圳沃尔玛', name: '周大妈', tel: '333333' },
    { shopname: '广东沃尔玛', name: '刘女士', tel: '444444' }
  ]
  $.each(dataResponse, function (index, value) {
    console.log(value)
    html += `<div>
      <span class="col-md-3">${value.shopname}</span>
      <span class="col-md-1">${value.name}</span>
      <span class="col-md-1">${value.tel}</span>
    </div>`
  })
  $('#conteinpm').append(html)

第二类：

var page = 5
var type = '#js'
var url = "/list?page=" + page + "&type=" + type
var url = `/list?page=${page}&type=${type}`