欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

四、TypeScript字符串新特性

程序员文章站 2024-01-20 09:10:16
...

我们来学习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代码

四、TypeScript字符串新特性

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

四、TypeScript字符串新特性

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

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

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

四、TypeScript字符串新特性

 

 

 

 

 

四、TypeScript字符串新特性