【ES6】模板字符串拼接

ES6模板字符串拼接

1. 传统的字符串拼接

let name = 'Li Hua'
let age = 7
let selfIntroduction = 'My name is ' + name + '.I am ' + age + 'years old.'

2. es6模板字符串拼接
   用两个反单引号``包裹的字符串就是字符串模板，在字符串模板中可以使用${变量}符号来引用变量。

let name = 'Li Hua'
let age = 7
let selfIntroduction = `My name is ${name}.I am ${age} years old.`

其他拼接方法

3. 字符串concat()方法
   String.prototype.concat()
   concat() 方法将字符串参数连接到调用的字符串，并返回一个新的字符串。
   使用字符串 concat() 方法可以把多个参数添加到指定字符串的尾部。该方法的参数类型和个数没有限制，它会把所有参数都转换为字符串，然后按顺序连接到当前字符串的尾部最后返回连接后的字符串。

let str1 = 'abc'
let str2 = str1.concat('d','e',3,true)
console.log(str1)   // abc
console.log(str2)   // abcde3true

4. 数组join()方法
   Array.prototype.join()
   join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串，用逗号或指定的分隔符字符串分隔。如果数组只有一个元素，那么将返回该元素而不使用分隔符。

let arr = ['a', 'b', 'c', 'd']
console.log(arr.join())   // a,b,c,d
console.log(arr.join(''))  // abcd
console.log(arr.join('*'))  // a*b*c*d

参考文献：

1. http://c.biancheng.net/view/5579.html
2. https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/join