TypeScript 学习2-数据类型、函数

深藏阁楼爱情的钟 2023-03-04 03:27 43阅读 0赞

//字符串类型
    let str:string; //只能接收字符串类型
    str="你好 Ts"
    // str=true //错误写法
    //console.log(str);
    
    
    //布尔类型(boolean) true false
    //var flag:boolean=true
    // flag="aaa" //错误写法
    //flag=false
    //console.log(flag);
    
    //数字类型 number 它对浮点型和整型没有进行区分,都叫数字类型
    //var a:number=123
    //a=12.3
    //console.log(a)
    
    //数组类型(arry)  ts定义数组有两种方式
        //第一种定义数组的方式
      //  let arr:number[]=[1,2,3]
       // console.log(arr)
    
       // let strs:string[]=["aa","bb","vv"]
      //  console.log(strs)
    
        //第二种定义数组的方式
       // let arr2:Array<number>=[1,2,355]
       // console.log(arr2)
    
       //第三种定义数组的方式
       let arr3:any[]=['aasda',2,355,true]
       console.log(arr3);
       
    
    //元组类型（tuple）属于数组的一种
    //let arr:[number,string,boolean]=[1,"a",true]
    //console.log(arr)
    
    //
    
    //枚举类型
     //enum 枚举名{
        // 标识符[=整型常数],
       //  标识符[=整型常数],
      //   ...
      //   标识符[=整型常数]
    
    // }
    //enum Flag{success=1,error=2}
    //console.log(Flag.success);
    
    //如果枚举标识符没有指定值，默认值是索引
    //enum Color{red,blue,orange}
    //console.log(Color.orange); //值为2
    
    //如果枚举标识符中间一个指定有值
    //enum Color{red,blue=5,orange}
    //console.log(Color.red); //值为0
    //console.log(Color.blue); //值为5
    //console.log(Color.orange); //值为6 在指定有值的后面
    
    //定义没有赋值就是undefined
    //var num:number | undefined
    //console.log(num)
    
    
    //一个元素可能是number 类型 可能是undefined  可能是null
    //var num:number | undefined | null
    //console.log(num)
    
    //  void  表示方法没有返回任何类型
    /* function run():void{
    
        console.log('run')
    }
    run(); */
    
    //3.1 匿名函数
      var fun=function():number{
        console.log('run')
        return 123;
    }
    
    //3.2方法可选传参  ?可选参数
    /* function getInfo(name:string,age?:number):string{
      console.log('run')
      if(age){
        return '${name}---${age}'
      }else{
        return '${name}---年龄保密'
      }
    } */
    //注意： 可选惨必须配置到参数的后面
    //错误写法  function getInfo(name?:string,age:number):string{
    
    //alert(getInfo('张三',20))
    //alert(getInfo('张三'))
    
    //3.3 默认参数 注意默认参数必须配置到参数的后面
    // es5里面没办法设置默认参数，es6和ts中都可以设置默认参数
    /* function getInfo(name:string,age:number=20):string{
      console.log('run')
      if(age){
        return '${name}---${age}'
      }else{
        return '${name}---年龄保密'
      }
    }
    alert(getInfo('张三'));
    alert(getInfo('张三',30)); */
    
    // 3.4 三点运算符 接受新参传过来的值
    /* function sum(...result:number[]):number{
      var sum=0;
      for (let index = 0; index < result.length; index++) {
        sum+= result[index];
      }
      return sum;
    }
    alert(sum(1,2,3,4)) */
    
    //ts函数重载
    // java中方法的重载，重载指的是两个或者两个以上的同名函数，但是他们的参数不一样，这时会出现函数重载的情况
    /* function getInfo(name :string):string;
    function getInfo(name:string , age :number):string;
    function getInfo(name : any , age? : any ) :any{
        if(age){
          return ' 我叫'+name+' 我的年龄是'+age;
          }else{
          return ' 我叫' +name;
        }
    }
    alert(getInfo('zs',20)) */
    
    
    //箭头函数 es6
    // this 指向的问题 箭头函数的this指向上下文
     setTimeout(()=>{
        alert('run')
     },1000)