02.TypeScript字符串新特性

1.  多行字符串
   multipleLineCharacter.ts文件如

   var content = `aaa
   bbb
   ccc`;

   编译后的文件multipleLineCharacter.js如

   var content = "aaa\nbbb\nccc";

    
2. 字符串模板
   stringTemplate.ts文件如

   var myname = 'liming';
   var getName = function () {
       return 'liming';
   }
   
   console.log(`Hello,${myname}`);
   console.log(`Hello,${getName()}`);

   编译后的文件stringTemplate.js如  

   var myname = 'liming';
   var getName = function () {
       return 'liming';
   };
   console.log("Hello," + myname);
   console.log("Hello," + getName());

    
3. 自动拆分字符串
   testTemplate.ts文件如

   var test = function(template,selfname,age){
       console.log(template);
       console.log(selfname);
       console.log(age);
   }
   
   var selfname = 'xiaohu';
   var getAge = function () {
       return 18;
   }
   test`hello,my name is ${selfname},I'm ${getAge()}`;

     编译后的文件testTemplate.js如

   var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
       if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
       return cooked;
   };
   var test = function (template, selfname, age) {
       console.log(template);
       console.log(selfname);
       console.log(age);
   };
   var selfname = 'xiaohu';
   var getAge = function () {
       return 18;
   };
   test(__makeTemplateObject(["hello,my name is ", ",I'm ", ""], ["hello,my name is ", ",I'm ", ""]), selfname, getAge());