四、TypeScript字符串新特性

我们来学习TypeScript的语法和特性，首先从最简单的字符串开始

TypeScript字符串第一个特性    多行字符串

在传统的JavaScript里面我们写一个字符串换行，需要利用一个加号把它串起来，如果直接换行的话会报错。

var content = "aaa" + 
                      "bbb" +
                      "ccc";

这样写是比较麻烦的，读起来也不太好读；

所以在TypeScript里面引入了多行字符串的概念；
多行字符串就是使用  `  ` 去声明字符串，也就是键盘1左边的键

var content = `aaa
bbb
ccc`;

在这个字符串里面是可以随意换行的，它是不会报错的；编译成JavaScript的时候，它会加上自动换行

var content = "aaa\nbbb\nccc";

 

字符串的第二个新特性 字符串模板

所谓字符串模板，就是在多行字符串里面用一个表达式去插入变量或者以调用方法，如

var myname = "zhai liang";

var getName = function （）{
     return "zhai liang";
}

console.log(`hello ${myname}`);
console.log(`hello ${getName()}`);

表达式的语法就是$符合加上{}括起来的表达式的名字，这里不仅可以写表达式的名字，也可以写方法的调用

我们来看一下编译以后的JavaScript代码

需要注意的是： 这个表达式的语法只有在` `里面才起作用,我们来写一段复制的字符串，比如说用字符串来拼接HTML

字符串的第三个特性 自动拆分字符串

所谓自动拆分字符串是指,当你在利用一个字符串模板去调用一个方法的时候，这个字符串模板里面表达式的值,会自动赋给被调用的方法的参数

我们用字符串模板去调用这个test方法的时候，如果想使用字符串自动拆分的特性，你不用写圆括号了，直接写``就可以了
如：