javascript 拼接代码和html

Question

拼接一段代码或者图片，由双引号 单引号 加号组成，"" '' +。他们的用法是什么呢？经常看别人拼接的代码看不明白

Answer 1

就举个例子。。

    var path = 'https://zhidao.baidu.com';
    var a = '<a href="' + path + '">百度知道</a>';

百度知道这是一个创建出来的a标签，需要使用字符串拼接的方式给它设置路径
但是因为href=""后面已经用了双引号了，为了嵌套的path变量不会变成一个字符串，就需要用'+path+'单引号拼接，同样，也可以外面用单引号，里面用双引号

可以看出这样很麻烦，所以现在一般推荐ES6字符串模板

let path = 'https://zhidao.baidu.com';
let a = `<a href="${path}">百度知道</a>`;