TS

作者: 奶瓶SAMA | 来源:发表于2019-07-01 11:52 被阅读0次
/* var flag:boolean=true;
flag=true;
 */

/*
1. 第一种方式 只能输入这种类型的值;
   var arr:number[]=[11,22,33],
   console.log(arr) 
2.第二种方式  只能输入这种类型的值
  var arr:Array<number>=[11,22,33]
  console.log(arr)
3.第三种 不论什么都可以
  var arr:any[]=['11',22,true]
  console.log(arr)
*/

/* 元组类型(tuple)属于数组的一种
  var arr:[number,string]=[11,'this is ts'];
  console.log(arr) */

/* 枚举类型
  enum flag {success=1,error=2}
  let f:flag=flag.error
  console.log(f) */
/* enum Color {blue,red=3,'orange'};
  var c:Color= Color.orange
  console.log(c) */
//表示方法没有返回任何类型 void
/* function run():void{
    console.log('run')
 }
 run()
function run() {
    return 123;
}
run(); */
// never 经常用于 null和undefined 代表从不会出现的值

//函数声明
/* function run():string{
    return 'run'
} */

/*  匿名函数
var fun2=function():number{
    return 123;
}
fun2() */

/* ts函数传参
function getInfo(name:string,age:number):string{
    return `${name} --- ${age}`;
}
alert(getInfo('zhangsan',20)) */
/* 没有返回值的方法
function run():void{
    console.log('run')
}
run() */
/* 方法可选参数  ?表示此参数可传可不传
function getInfo(name:string,age?:number):string{
    if(age){
        return `${name} --- ${age}`;
    }else{
        return `${name} ---年龄保密`;
    }
}
getInfo('ts') */
/* function sum(...result:number[]):number{
    var sum=0;
    for(var i=0;i<result.length;i++){
        sum+=result[i]
    }
    return sum;
}
alert(sum(1,2,3,4)); */
//定义类
/* class Person{
    name:string;
    constructor(name:string){
        this.name=name;
    }
    getName():string{
        return this.name
    }
    setName(name:string):void{
        this.name=name
    }
}
var p=new Person('张三');
alert(p.getName());
p.setName('李四');
alert(p.getName()); */
// 接口
/* interface FullName{
    firstName:string;
    secondName:string;
}
function printName(name:FullName){
    console.log(name.firstName+'--'+name.secondName)
}
function printInfo(info:FullName){
    console.log(info.firstName+info.secondName)
}
var obj={
    age:20,
    firstName:'张',
    secondName:'三'
}
printName(obj)
printInfo({
    firstName:'张',
    secondName:'三'
}) */
// ajax 请求
/* interface Config{
    type:string;
    url:string;
    data?:string;
    dataType:string;
}
function ajax(config:Config){
    var xhr=new XMLHttpRequest();
    xhr.open(config.url,'true');
    xhr.send(config.data);
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4 && xhr.status==200){
            console.log('chengong')
        }
    }
}
ajax({
    
}) */
// 泛型 可以支持不特定的数据类型,   要求:传入的参数和返回的参数一致
// function geData<T>(value:T):T{
//  return value
// }
// getData<string>('123')

相关文章

网友评论

    本文标题:TS

    本文链接:https://www.haomeiwen.com/subject/ascgcctx.html