03.TypeScript参数新特性

1. 变量类型

   typeTest.ts文件如下

   /**字符串类型*/
   var myname: string = "xiaoming";
   
   /**数字类型 */
   var age: number = 15;
   
   /**布尔类型 */
   var man: boolean = true;
   
   /**任何类型 */
   var alias:any = "alias";
   alias = 13;
   
   /**方法void类型 */
   function test(name: string): void{
       
   }
   
   /**自定义类型 */
   class Person{
       name: string;
       age: number;
   }
   
   var zhangsan: Person = new Person();
   zhangsan.age = 18;
   zhangsan.name = 'zhangsan';

    编译后的typeTest.js文件如下

   /**字符串类型*/
   var myname = "xiaoming";
   /**数字类型 */
   var age = 15;
   /**布尔类型 */
   var man = true;
   /**任何类型 */
   var alias = "alias";
   alias = 13;
   /**方法void类型 */
   function test(name) {
   }
   /**自定义类型 */
   var Person = /** @class */ (function () {
       function Person() {
       }
       return Person;
   }());
   var zhangsan = new Person();
   zhangsan.age = 18;
   zhangsan.name = 'zhangsan';

    

2. 参数默认值

   defaultValue.ts文件内容如下

   function test(a: string,b: string, c:string="zzz" ){
       console.log(a);
       console.log(b);
       console.log(c);
   }
   
   test('aaa', 'bbb');
   test('aaa', 'bbb', 'ccc');

     编译后defaultValue.js文件内容如下

   function test(a, b, c) {
       if (c === void 0) { c = "zzz"; }
       console.log(a);
       console.log(b);
       console.log(c);
   }
   test('aaa', 'bbb');
   test('aaa', 'bbb', 'ccc');

    

3. 可选参数

   optionalParameters.ts文件内容如下

   /**加？设置可选参数 */
   function test(a: string,b?: string, c:string="zzz" ){
       console.log(a);
       console.log(b);
       console.log(c);
   }
   
   test('aaa', 'bbb');
   test('aaa');
   

     编译后optionalParameters.js文件内容如下

   function test(a, b, c) {
       if (c === void 0) { c = "zzz"; }
       console.log(a);
       console.log(b);
       console.log(c);
   }
   test('aaa', 'bbb');
   test('aaa');