[js] 第51天 字符串相连有哪些方式？哪种最好？为什么？

[haizhilin2013]

第51天 字符串相连有哪些方式？哪种最好？为什么？

[wenyejie]

Array.prototype.join
`${}`
+=
= '' + ''

[myprelude]

• ES6
  ${var}
  简单，方便，但是不兼容低版本浏览器
• ES5
  ""+"" ''+''
  兼容性好，但是比较麻烦考验心智，如果拼接的有""''时需要\转义

[jiamianmao]

最好应该是 模板字符串``
虽性能不是最佳，但很多时候更需要考虑的可读性。
函数式编程就是追求的可读性而不是性能。

[censek]

var a = "aaaa"
var b = "bbbbb"

// 方法一： “+”
var c = a + b
console.log("c:", c)

// 方法二： “join("")”
var d = []
d.push(a,b)
console.log("d:", d.join(""))

// 方法三：模版字符串 `${}`
var e = `${a}${b}`
console.log("e:", e)

[smile-2008]

• ES6
  ${var}
  简单，方便，但是不兼容低版本浏览器
• ES5
  ""+"" ''+''
  兼容性好，但是比较麻烦考验心智，如果拼接的有""''时需要\转义

[ttop5]

const a = 'aaaaa';
const b = 'bbbbb';

- a + b

- `${a}${b}`

- a.concat(b)

- 循环遍历组装

[xiaoqiangz]

应该是模板字符串 ${ a } 然后 字符串 '+'

[panpanxuebing]

运算符+，模板字符串，concat
简单的拼接用 + 就行，复杂的用模板字符串