四、TypeScript字符串新特性

四、TypeScript字符串新特性

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

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

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

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

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

var content = `aaabbbccc`;

在这个字符串里面是可以随意换行的，它是不会报错的；编译成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方法的时候，如果想使用字符串自动拆分的特性，你不用写圆括号了，直接写``就可以了 如：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。