ES6新字符串方法

### 简介：介绍ES6提供的新的字符串方法及模板字符串

ES5处理Unicode的缺陷

加强了对Unicode的支持

在ES5中我们知道JavaScript 允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点。这种表示法只限于码点在\u0000~\uFFFF之间的字符。超出这个范围的字符，必须用两个双字节的形式表示，但是ES5却无法正确的识别这个有两个字节组成的字符。ES6中，JavaScript增加了对超出\u0000~\uFFFF

Unicode范围的字符支持。

ES6的方案：将超过两个字节的组成的字符的码点放在一对花括号里就可以正确的识别。  

字符串的遍历接口

扩展的API

方法	描述
includes(string, position)	判断字符串中是否包含指定字符串，返回值是布尔值
startsWith(string, position)	判断字符串的开头是否包含指定字符串，返回值是布尔值
endsWith(string, position)	判断字符串的尾部是否包含指定字符串，返回值是布尔值
repeat(n)	repeat() 方法返回一个新字符串，表示将原字符串重复n 次。
字符串补全	第一个参数是补全后的字符串长度，第二个参数是用于补全的字符串
padStart(length, str)	用于头部补全
padEnd(length, str)	用于尾部补全

模板字符串

//语法
const name="⼩明"const age=18
const hobbies="游泳、跑步和打篮球"
// ES5写法
const str1='我的名字是'+name+'，我今年'+age+'岁，我喜欢'+hobbies
console.log(str1)
// ES6写法
const str2=`我的名字是${name}，我今年${age}岁，我喜欢${hobbies}`
console.log(str2)

使⽤用模板字符串串的注意事项

在模板字符串串中如需使⽤用反引号，反引号前要⽤用反斜杠转义

使用模板字符串表示多行字符串时，所有的空格和缩进都会被保留在输出之中

模板字符串中引入变量，要用 ${变量名} 这样的形式引入才可以

大括号中的值不是字符串时，将按照一般的规则转为字符串。比如，大括号中是一个对象， 将默认调用对象的toString方法

模板字符串中的${. .. } 大括号内部可以放入任意的 JavaScript 表达式，可以进行运算、可以引用对象属性、可以调用函数、可以甚至还能嵌套，甚至还能调用自己本身