站内搜索:
首页 >> 前端 >> 内容
TypeScript字符串的新特性介绍

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

【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()}`  

  • 上一篇:webpack4.x下babel的安装、配置及使用详细教程
  • 下一篇:openlayer4点、线、面绘制与交互代码教程
  • 返回顶部