ts基础

// tsconfig.json 项目中ts的配置文件



// 基本数据类型 和 any
var flag: boolean = true;

var num: number = 2;

var str: string = "abc";

function add(): void {
  console.log("pp");
}

add();

var anyThing: any = "122";
anyThing = 123;

// 类型推断
var str1 = "dfsf";
// str1 = 123   //会报错， 在ts中赋值的时候就已经指定类型

//联合类型
var handlebloe: string | number;
handlebloe = 1;
handlebloe = "erewr";
// handlebloe = false    //报错

function reduceFLA(row: string | number): string {
  if (typeof row === "string") {
    return "";
  } else {
    return "1";
  }
}

reduceFLA("dfa");

//定义数组
var arr1: number[] = [1, 2, 3];
var arr2: Array<number> = [1, 2, 3];

//定义接口
interface Isfilese {
  path: string;
  name: string;
  old: number;
  age?: number;
  [propName: string]: any; // 任意属性 一个 interface 中任意属性只能有一个
}

var obj: Isfilese = {
  path: "/",
  name: "sheun",
  old: 12,
};

interface Isdeve {
  name: string;
  age: number;
  height: number;
}
// 数组对象   接口结合犯行
var handlearr: Isdeve[] = [{ name: "fasd", age: 23, height: 32 }];

var handlearr1: Array<Isdeve> = [{ name: "fasd", age: 23, height: 32 }];

var handlearr2: Array<{ name: string; age: number }> = [
  { name: "fasd", age: 23 },
];

//函数 function 输入输出
//声明式 和 函数表达式

function getDetail(name: string): void {}

getDetail("azs");

// const getDetail1 = (row: Isdeve): Isdeve => {
//     return row
// }
//等价于   和es6的箭头函数有区别
var getDetail1: (row: Isdeve) => number = (row: Isdeve): number => {
  return 111;
};

getDetail1({ name: "fasd", age: 23, height: 32 });

// 用接口定义函数
interface IserachValue {
  (name: string, age: number, height?: number): boolean
}

let Serachvalue: IserachValue = (name, age) => {
  return true
}

Serachvalue("fasd", 23)


//类型断言 1.   值 as 类型   


function getlist(row: string | number): number {
  return (row as string).length
}

getlist('ewe')

//接口 定义函数时的两种方法
interface Issd {
  name: string
  run: () => void  //1
}

interface Issad {
  name: string
  get(): void    //2
}

function gerName(val: Issd | Issad): boolean {
  if(typeof (val as Issd).run === 'function') {
    (val as Issd).run()
    return true
  } else {
    return false
  }
}
var fasd: Issd = {
  name: 'fds',
  run() {console.log(1)},
}
gerName(fasd)


//枚举
enum isStatus {
  message,
  age,
}

// 泛型  
// 函数中泛型
function join<T>(first: T, second: T) {
  return `${first}${second}`
} 

join<number>(0, 2)

function muFun<T>(params: T) {
  return params
}

muFun<string[]>(['sf', 'df'])


//接口中使用泛型
interface ISerachvalue {
  <T>(name: T): T
}

var GetMyinfo: ISerachvalue = function <T>(name: T): T {
  return name
}

GetMyinfo('shun')

var GetUsr:ISerachvalue = <T>(name: T): T => {
  console.log(name)
  return name
}
GetUsr('DFSD')