Typescript基础

一、数据类型

布尔类型(boolean)
var flag:boolean = true
数字类型(number)
var a:number = 123
字符串类型(string)
var string = “this is ts”
数组类型(array)
其中数组的定义方式有两种：
方法一
let arr:number[] = [1,2,3,4]
let arr:string[] = [“php”, “js”, “golang”]

方法二
let arr:Array = [1,2,3,4]
let arr:Array = [“php”, “js”, “golang”]
元组类型(tuple) (属于数组的一种
let arr:[string,number,boolean] = [“ts”,3.18,true]
枚举类型(enum) 用于标识状态的固定值，提升可读性
1
2
enum Flag { success = 1, error = -1} var f:Flag = Flag.success
任意类型(any)
var num:any = 123;
null和undefined 其他数据类型的子类型
var num:undefined;
var num:number | undefined;
var num:number | undefined | null;

void类型用于定义方法的时候方法没有返回值

function run():viod {
  console.log('run');
}
// 反之
function run():number {
  return 123;
}

never类型
指其他类型(包括null和undefined)，代表从不会出现的值
声明never类型的变量只能被never类型所赋值

二、函数的定义

一般定义
function run():number {
return 123;
}

传参定义

function getInfo(name:string, age:number):string {
  // 模板字符串
  return `${name} --- ${age}`;
}

// 匿名函数
var getInfo = function(name:string, age:number):string {
  // 模板字符串
  return `${name} --- ${age}`;
}

可选参数

function getInfo(name:string, age?:number):string {
  if(age) {
    return `${name} --- ${age}`;
  } else {
    return `${name} --- 年龄保密`;
  }
}

默认参数

1
2
3

function getInfo(name:string, age:number = 20):string {
  return `${name} --- ${age}`;
}

剩余参数

function sum(a:number, b:number, c:number, d:number):number {
  return a+b+c+d;
}

// 三点运算符接受形参传过来的值
function sum(...result:number[]):number {
  var sum = 0;
  for(var i = 0; i < result.length; i++) {
    sum += result[i];
  }
  return sum;
}

function sum(a:number, ...result:number[]):number {
  var sum = a;
  for(var i = 0; i < result.length; i++) {
    sum += result[i];
  }
  return sum;
}

函数重载

// Java中的重载：指两个或两个以上同名函数，但它们的参数不一样，这时会出现函数重载情况。
// typescript中的重载：通过为同一个函数提供多个函数  类型定义来试下多种功能的目的。

function getInfo(name:string):string;
function getInfo(age:number):number;
function getInfo(str:any):any {
  if (typeOf str === "string") {
    return '我叫' + str;
  } else {
    return '我的年龄是' + str;
  }
}

Typescript 中的 interface 和 type 到底有什么区别

使用GraphQLObjectType定义type

本文作者：bbcfive