02-TypeScript中新的字符串

TypeScript中引入了字符串模板,通过字符串模板可以方便的实现字符串换行的连接、方便变量的使用等。

1.在WebStorm中新建一个文件,后缀名为ts。

在建立ts文件时,WebStorm会问你是否需要自动生成对应的js文件,并设置js文件保存的位置。如果采用Visual Studio 2017,会自动在ts文件相同的文件夹生成对应的js文件。

ts与自动生成的js文件的配置关系,IDE会自动生成一个tsconfig.json的文件进行描述,如下:

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true,
    "outDir": "jssrc/"
  },
  "exclude": [
    "node_modules"
  ]
}

target指的是生成的js文件是满足es5还是es6规范;outDir指的是生成的js文件相对与ts文件的存放路径。

2.在ts中编码

在ts中,通过` `来说明其中的字符串应用字符串模板,可以在其中方便的实现原来在js中需要很麻烦实现的字符串换行,也能在其中方便的访问变量,代码如下:

var myname="caojian";
var getmyname=function () {
    return "Get My Name";
}
console.log(`myname is ${myname}`);
console.log(`myname is ${getmyname()}`);
console.log(`<div>
<span>${myname}</span>
<span>${getmyname()}</span>
</div>`);

另外,还可以通过字符串模板的方式调用方法,实现字符串的拆分,代码如下:

function  testfun(template,name,age){
    console.log(template);
    console.log(name);
    console.log(age);
}

var myname="caojian";
var myage=function () {
    return 37;
}
testfun`my name is ${myname} and my age is ${myage()} end`;

是不是感觉字符串处理的方式非常方便呢,另外大家可以查看对应的js生成的代码,比较下两种方式代码的复杂性。

欢迎进入QQ群讨论:573336726

时间: 2024-11-06 23:18:22

02-TypeScript中新的字符串的相关文章

C++中的数组array和vector,lambda表达式,C字符串加操作,C++中新类型数组(数组缓存),多元数组,new缓冲

 使用C++风格的数组,不需要管理内存. array要注意不要溢出,因为它是栈上开辟内存. array适用于任何类型 #include<iostream> #include<array> #include<vector>   //C++的标准库 #include<string>   //C++字符串 #include <stdlib.h> using  std::array; //静态数组,栈上 using std::vector; //动态

输入任意一个字符串,如:“abDEe23dJfd343dPOddfe4CdD5ccv!23rr”。 取出该字符串中所有的字母组成一个新的字符串。

#include <stdio.h>#include <string.h> /*输入任意一个字符串,如:“abDEe23dJfd343dPOddfe4CdD5ccv!23rr”. 取出该字符串中所有的字母组成一个新的字符串.*/ void main(){ char oldStr[100] = "abDEe23dJfd343dPOddfe4CdD5ccv!23rr"; char newStr[100]; int i = 0,j = 0; for(i = 0; i

将列表中的字符以‘*’连接生成一个新的字符串

#输出下面的字符 """  1  2*3 4*5*6 7*8*9*10 11*12*13*14*15 16*17*18*19*20*21 """ x=1 n=int(raw_input('please input row number:')) for i in range(0,n): x=x+i y=x+i #将列表中的每一个元素转换成字符 m=map(str,range(x,y+1)) #将列表中的字符以‘*’连接生成一个新的字符串 print

shell中if条件字符串、数字比对,[[ ]]和[ ]区别

shell中if条件字符串.数字比对,[[ ]]和[ ]区别 引用: http://www.51testing.com/?uid-7701-action-viewspace-itemid-13731 http://blog.csdn.net/sunboy_2050/article/details/6836382 shell 括号 学习shell的时候总是被shell里的条件判断方式搞得头疼,经常不知道改 用[],[[]],(())还是test,let,而很少有书把它们的关系讲解的很清楚(应该是我

02.TypeScript 接口

02.TypeScript 接口 TypeScript核心设计原则之一就是类型检查,而接口实际是为了这种类型检查而产生的,实际他并不会在生成的JavaScript里有半点体现. 一个简单的示例 // 定义IUser接口 interface IUser { name: string; // 姓名:字符串类型 age: number; // 年龄:数值类型 } function getUser(user: IUser) : string { return user.name + ':' + user

javascript中常用操作字符串的几种方法charAt()、indexOf()、slice()、substr()

一.charAt(index) 返回一个字符串某一个索引的字符. 语法:str.charAt(index); var str='我是中国人'; console.log(str.charAt(3));//输出"国",索引号从0开始,传入数字3,就是获取索引为3的字符 二.indexOf("str") 获取某个字符第一次在字符串上的索引号,找不到当前字符的输出-1; 语法:str.indexOf("str") ; var str='我是中国人'; c

JAVA中用于处理字符串的“三兄弟”

JAVA中用于处理字符串常用的有三个类:java.lang.String.java.lang.StringBuffer.java.lang.StringBuilder,这三者的共同之处都是final类,不允许被继承,这主要是从性能和安全性上考虑的,因为这几个类都是经常被使用着的,且考虑到防止其中的参数被修改影响到其它的应用.StringBuffer与StringBuilder两个基本上差不多,只是StringBuffer是线程安全,可以不需要额外的同步用于多线程中:StringBuilder是非

Python3基础 字符串 capitalize 返回一个新的字符串,它的第一个字母大写

镇场诗: 诚听如来语,顿舍世间名与利.愿做地藏徒,广演是经阎浮提. 愿尽吾所学,成就一良心博客.愿诸后来人,重现智慧清净体.------------------------------------------ code: myStr='hello world' myNewStr=myStr.capitalize() #返回一个新的字符串 print(myStr) # 原字符串并未改变 print(myNewStr) result: ============= RESTART: C:/Users/

第17课-数据库开发及ado.net 聚合函数,模糊查询like,通配符.空值处理.order by排序.分组group by-having.类型转换-cast,Convert.union all; Select 列 into 新表;字符串函数;日期函数

第17课-数据库开发及ado.net 聚合函数,模糊查询like,通配符.空值处理.order by排序.分组group by-having.类型转换-cast,Convert.union all;  Select 列 into 新表;字符串函数;日期函数 SQL聚合函数 MAX(最大值).MIN(最小值).AVG(平均值).SUM(和).COUNT(数量:记录的条数) 聚合函数对null不计算.如果一行数据都是null,count(*)包含对空值行.重复行的统计. --聚合函数演示 selec