JS中拼接字符串问题

通过js改变图片src实现图片的更换
但是在使用中在当src地址后有双引号时拼接字符串无效，但是双引号去除后就可以正常使用，双引号和拼接字符串的反引号有冲突吗？求指导

 <img src="Day01/heros/Annie.jfif" alt="" id="mypic"/>
    <button onclick="ChangeImg()">改变图片</button>

```javascript
 function ChangeImg() {
        const hero = 'Zoe';
        const imgs = document.getElementById("mypic");
        console.log(hero,typeof(hero));
        console.log(imgs);
        //这一行的双引号
        imgs.src = `"Day01/heros/${hero}.jfif"`;
      }

只要不在反引号${}内的，其他都是普通字符串的

 imgs.src = `Day01/heros/${hero}.jfif`;

`123`和'123'和"123"没有区别
let name = 'zhangsan'
`${name}123`和和name+`123`和name+'123'和name+"123"没区别
你可以简单的和'',""画等号。只不过``里面可以使用${}引用变量

更多的介绍你可以搜一下``

单引号里面的双引号会被认为是路径内容既："Day01/heros/${hero}.jfif"，而不是：Day01/heros/${hero}.jfif

imgs.src = "Day01/heros/"+hero+".jfif"`;
或者
imgs.src = `Day01/heros/${hero}.jfif`;