haizlin/fe-interview

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

Opened this issue · 7 comments

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

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

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

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)
  • ES6
    ${var}
    简单,方便,但是不兼容低版本浏览器
  • ES5
    ""+"" ''+''
    兼容性好,但是比较麻烦考验心智,如果拼接的有""''时需要\转义
ttop5 commented
const a = 'aaaaa';
const b = 'bbbbb';

- a + b

- `${a}${b}`

- a.concat(b)

- 循环遍历组装

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