ES6之-字符串的新特性

ES6对字符串新增了一些函数和操作规范，使得开发者对字符串的操作更加方便，以往需要借助其他javascript代码才能实现的效果，现在利用这些函数即可快速实现。

一. 模版字符串

“模板字符串”是字符串的一个新特性，传统的字符串实现拼接的时候，要将变量插入字符串中，语法是这样的:

var name = "王永杰";
var age = 25;
//传统字符串拼接
var str = "我的名字叫：" + a + ",今年" + b + "岁;" ;
console.log(str)

上面变量 str 代码实现将变量 name 和 age 插入字符串中，这种写法没什么不好，只是数据一旦多起来就很繁琐，你会看到N多个加号“+”，N多个引号’ “” ‘，ES6给了我们另一种更简捷的写法，来看一下下面这段小代码：

var name = "王永杰"
var age = 25;
//模板字符串拼接
var str = `我的名字叫：${name},今年${age}岁;`
console.log(str)

对比两段拼接的代码，模板字符串使得我们不再需要反复使用双引号（或者单引号）了；而是改用反引号标识符（`），插入变量的时候也不需要再使用加号（+）了，而是把变量放入${ }即可。

以上就是模板字符串的用法，下面来介绍使用时要注意的地方：

1、可以定义多行字符串

传统的多行字符串写法：

var str = "张三 ," +
          "李四";
console.log(str)

模板字符串的写法：

var str = `张三 ,
           李四`;
console.log(str)

直接换行即可，但是要注意的是：所有的空格和缩进都会被保留在输出中。如果控制台输出字符串str的话，代码上换了行，控制台输出的时候也会换行。

2、${ }中可以放任意的javascript表达式

${ }中可以是运算表达式

var a = 1;
var b = 2;
var str = `a +b 的和为${a+b}`;
//进行加法运算
console.log(str)  //a +b 的和为3

${ }中可以是对象的属性

var obj = {
    "a