学习路之JavaScript----JS字符串拼接的几种方式及其性能比较

用的最多的是 ： 使用连接符 “+” 把要连接的字符串连起来  

let seconds=5;/
this.setState({btnText:'重新获取('+seconds+')s'})

看到另一种方式：

this.setState({btnText:`重新获取(${seconds})s`})

 

这是es6中新增的字符串方法

配合反单引号完成拼接字符串的功能

反单引号怎么打出来？

将输入法调整为英文输入法，单击键盘上数字键1左边的按键。

用法：
step1： 定义需要拼接进去的字符串变量
step2： 将字符串变量用${}包起来，再写到需要拼接的地方

代码示例一：

var a = 1;
console.log(`a的值是：${a}`); //a的值是：1

 

 

最后贴上别人的总结：

 

一、使用连接符 “+” 把要连接的字符串连起来

var a = 'java'
var b = a + 'script'

只连接100个以下的字符串建议用这种方法最方便

二、使用数组的 join 方法连接字符串

var arr = ['hello','java','script']
var str = arr.join("")

比第一种消耗更少的资源，速度也更快

三、使用模板字符串，以反引号（ ` ）标识

var a = 'java'
var b = `hello ${a}script`

四、使用 JavaScript concat() 方法连接字符串

var a = 'java'
var b = 'script'

var str = a.concat(b)

五、使用对象属性来连接字符串

function StringConnect(){
    this.arr = new Array()
}

StringConnect.prototype.append = function(str) {
    this.arr.push(str)
}

StringConnect.prototype.toString = function() {
    return this.arr.join("")
}

var mystr = new StringConnect()

mystr.append("abc")
mystr.append("def")
mystr.append("g")

var str = mystr.toString()