ts 字符串新特性

1、多行字符串

js里，如果字符串换行，中间需用 + 拼接

var a = 'aaa' + 'bbb' + 'ccc';

ts里，可用 `` 包裹字符串直接换行

var a = `aaa bbb ccc`;

2、字符串模板

ts里支持在字符串中插入变量，格式为${}，注意字符串必须用``包裹

var name = 'forrest'; var getName = function (){ return 'forrest'; } console.log(`hello ${name}`); console.log(`hello ${getName()}`);

有什么用？拼接html时威力就体现出来了

var name = 'forrest'; var getAge = function (){ return 18; } console.log(`<div> <span>name:${name}</span> <span>age:${getAge()}</span> </div>`);

省去了一大堆 + 号

3、自动拆分字符串

function test(template, name, age){ console.log(template); console.log(name); console.log(age); } var name = 'forrest'; var getAge = function (){ return 18; } test`hello,my name is ${name},i'm ${getAge()} years old.`

运行结果

使用字符串模板运行test方法，注意格式，注意结果参数