javascript img src path + variable concatentation

Question

我似乎无法正确地逃避JS变量以显示图像（用户头像）。 这样做的正确方法是什么？我需要帮助的人。

$.each(obj, function() {
     result = result + "<img class='user-pic' alt='' src="'assets/global/img/avatars/ + this['user_avatar'] + '"/> </a></div>";
      });

alt =''src =“'assets / global / img / avatars / + this ['user_avatar'] +'”/＆gt; “;

Answer 1

应该像：

$.each(obj, function(){
  result += "<img class='user-pic' alt='avatar' src='assets/global/img/avatars/"+this.user_avatar+"' /></a></div>";
});

要学习字符串的连接，请想象外部引号是否已被删除。其中的所有引号应该匹配，并且与外部引号相反或转义。

Answer 2

您可以使用准备好的字符串以更好的方式处理此类情况

$.each(obj, function() {
  result += `<img class="user-pic" alt="" src="assets/global/img/avatars/${this['user_avatar'] || ""}" /> </a></div>`;
});