我们来学习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方法的时候,如果想使用字符串自动拆分的特性,你不用写圆括号了,直接写``就可以了
如: