TS
/* var flag:boolean=true; flag=true; */
/*
- 第一种方式 只能输入这种类型的值； 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')