TypeScript 基础类型大全

1.任意类型 any 声明为 any 的变量可以赋予任意类型的值
2.数字类型 number
3.字符串类型 string 一个字符系列,使用单引号(’)或双引号(")来表示字符串类型。反引号(`)来定义多行文本和内嵌表达式
4.布尔类型 boolean 表示逻辑值:true 和 false
5.数组类型 声明变量为数组
6.元组 元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同

let x: [string, number];
x = ['Runoob', 1];    // 运行正常
x = [1, 'Runoob'];    // 报错
console.log(x[0]);    // 输出 Runoob

7.枚举 enum 枚举类型用于定义数值集合。

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c);    // 输出 2

8.void 用于标识方法返回值的类型,表示该方法没有返回值

function hello(): void {
    alert("Hello Runoob");
}

9.null 表示对象值缺失。
10.undefined 用于初始化变量为一个未定义的值
11.never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值

重点难点(易记混):

定义数组:

const numberArr: number[] = [1, 2, 3];
const stringArr: string[] = ["a", "b", "c"];
const arr: (number | string)[] = [1, "string", 2];

数组中定义对象:
基本写法:

const xiaoJieJies: { name: string, age: Number }[] = [
  { name: "刘英", age: 18 },
  { name: "谢大脚", age: 28 },
];

类型别名写法:

type Lady = { name: string, age: Number };

const xiaoJieJies: Lady[] = [
  { name: "刘英", age: 18 },
  { name: "谢大脚", age: 28 },
];

元组:

const xiaojiejies: [string, string, number][] = [
  ["dajiao", "teacher", 28],
  ["liuying", "teacher", 18],
  ["cuihua", "teacher", 25],
];

泛型:
若规定,传入的参数都为同一个类型,这种情况可以使用泛型

function join<demo>(first: demo, second: demo) {
  return `${first}${second}`;
}
join < string > ("jspang", ".com");

如果要是number类型,就直接在调用方法的时候进行更改就可以了。

join < number > (1, 2);

泛型中数组的使用:

function myFun<ANY>(params: ANY[]) {
  return params;
}
myFun < string > ["123", "456"];
function myFun<ANY>(params: Array<ANY>) {
  return params;
}
myFun < string > ["123", "456"];

多个泛型的定义:

function join<T, P>(first: T, second: P) {
  return `${first}${second}`;
}
join < number, string > (1, "2");
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值