您现在的位置:首页 >> 前端 >> 内容

TypeScript字符串的新特性介绍

时间:2018/5/11 14:44:14 点击:

  核心提示:【1】多行字符串[javascript] view plain copyvar content=`aaabbbccc`;【2】字符串模板 `${变量/方法名()}`##1[javasc...

【1】多行字符串

[javascript] view plain copy

var content=`aaa  

bbb  

ccc`;  

【2】字符串模板 `${变量/方法名()}`

##1

[javascript] view plain copy

var myname="zhai liang";  

var getname=function(){  

    return "zhai liang";  

}  

console.log(`hello ${myname}`);  

console.log(`hello ${getname()}`);  

##2

[javascript] view plain copy

console.log(`<p><ul>  

<li>${myname}</li>  

<li>${getname()}</li>  

<li>呵呵</li>  

</ul></p>`);  

【3】自动拆分字符串,

    当你用一个字符串模板去调用一个方法时候,这个字符串模板中表达式的值会自动赋给被调用方法的参数

[javascript] view plain copy

function test(template,name,age){  

    console.log(template);  

    console.log(name);  

    console.log(age);  

}  

var myname="zhai liang";  

var getAge=function(){  

    return 18;  

}  

//调用  

test `hello my name is ${myname},i'm ${getAge()}`  

Tags:TY YP PE ES 
作者:网络 来源:qq_2198743