TypeScript入門知識一（字符串特性）

一，TypeScript多行字符串

　　傳統JavaScript字符串換行需要+進行拼接，而TypeScript不需要+拼接。看下面實例：

　　javaScript：

　　var content = "aaa"+

　　　　　　　　"bbbb";

　　TypeScript：

　　var content = `aaa

　　　　　　　　bbb`;

（注意這里的``不是單引號，是雙撇號，鍵盤左上角的那個按鍵）；

二，TypeScript字符串模板

　　字符串模板就是在多行字符串里用一個表達式插入變量，標簽，方法；

　　var myName = "zhang san"；

　　var getName = function () {

　　　　return "zhang san"；

　　}

　　//調用變量

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

　　//插入標簽(這樣看起來比JavaScript好多了)

　　console.log(

　　　　`<div>
　　　　　　<span>${myName}</span>
　　　　　　<span>${getName}</span>
　　　　</div>`

　　)

　　//調用方法

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

三，TypeScript自動拆分字符串

　　function test (template,name,age) {

　　　　console.log(template);

　　　　console.log(name);

　　　　console.log(age);

　　}

　　var myName = "zhang san";

　　var getAge = function () {

　　　　return 18;

　　}

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

　　(這里name 就是 ${myName}, age 就是${getAge()})

　　輸入結果：

　　

如果有用請支持，謝謝！