四、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代码
需要注意的是: 这个表达式的语法只有在` `里面才起作用,我们来写一段复制的字符串,比如说用字符串来拼接HTML
字符串的第三个特性 自动拆分字符串
所谓自动拆分字符串是指,当你在利用一个字符串模板去调用一个方法的时候,这个字符串模板里面表达式的值,会自动赋给被调用的方法的参数
我们用字符串模板去调用这个test方法的时候,如果想使用字符串自动拆分的特性,你不用写圆括号了,直接写``就可以了
如:
推荐阅读
-
四、TypeScript字符串新特性
-
Rational 7系列[四]——IBM Rational ClearCase Version 7.0.0新特性 续 IBMF#EclipseAIXHP
-
六、TypeScript函数新特性
-
ES6(ECMAScript 6)新特性之模板字符串用法分析
-
Win10 1803有哪些新功能?Win10 2018四月正式版新特性介绍
-
OPPO Reno2官宣新特性:变焦四摄 远近都清晰
-
Win10 19H1更新了什么 四个Win10 Build 18312新特性盘点
-
ES6新特性之字符串的扩展实例分析
-
ES6新特性四:变量的解构赋值实例
-
Java8新特性之四:接口默认方法和静态方法