typescript数据类型(学习笔记)
找了网上很多文章对于ts数据类型的概括感觉都有些不太全面,不是少这就是少那,这里根据自己的相关查询整理一份ts的数据类型的学习笔记,若有错请指正:
- typescript包含es6 中所有数据类型: Boolean 、 Number 、 String 、 Array、Function、Object、Symbol、undefined、null
- typescript中新增的数据类型:void(空值)、any(任意值类型)、unknown(未知类型,ts3.0 中新增)、never、元组、枚举、联合类型
TS 中数据类型定义示例:
1、Boolean
let isDone: boolean = false;
2、Number
let height: number = 180;
3、String
let usreName: string = "admin";
4、Array
let list: number[] = [1, 2, 3] // 或 let list2: Array<number> = [1, 2, 3];
5、Function
let crateUser = (name: string, age: number): void => { console.log(name, age); };
6、Object
let obj: object = { prop: 0 };
7、Symbol
let smb: symbol = Symbol(1)
8、undefined
let count: number = undefined;
9、null
let somthing: string = null;
10、void(用来描述没有返回值的函数)
function sayHellow(): void { console.log("Hellow world"); }
11、any(任意值类型)
let casual: any = 4;
let casual: any = 'hellow world';
let casualList: any[] = [1, true, "free"];
12、unknown (未知类型,后面总结any与unknown的区别)
let value: unknown; value = true; // OK value = 42; // OK value = "Hello World"; // OK value = []; // OK value = {}; // OK value = Math.random; // OK value = null; // OK value = undefined; // OK value = new TypeError(); // OK value = Symbol("type"); // OK
13、never (never类型表示的是永不存在的值的类型)
function error(message: string): number { throw new Error(message); } // 推断的返回值类型为never function fail() { return error("Something failed"); } // 返回never的函数必须存在无法达到的终点 function infiniteLoop(): never { while (true) {} }
14、元组(已知元素数量和类型的数组,各类型可不相同)
let list: [string, number, object] = ["张三", 18, {}];
15、枚举
enum Color { red, Blue, Green, } let c: Color = Color.Blue; // 返回对应的index let colorName: string = Color[1]; // 返回对应的枚举项
16、联合类型
let arr_union: (string | number)[] = [1, 2, 'zx'];
总结:
1、any 与 unknown 的区别是什么?
any:所有类型都是any类型的子类型,any类型也是所有类型的子类型(任何类型都可以赋值给 any类型的变量,any类型也可赋值给任意类型的变量);any类型会跳过ts编译阶段的类型检查,相对来说是不安全的;
let tset1: string = "string";
let test2: any = [1, "str", {}]; let taet3: unknown = Symbol(1); let str1: any = tset1; // ok(满足任意类型可赋值给any类型) let str2: number = test2; // ok (满足any类型可赋值给任意类型) let str3: any = taet3; // ok(满足任意类型可赋值给any类型)
// 下面这段代码,调用了dog上不存在hello方法,由于dog是any类型,所以在编译阶段不会提示错误,但是在代码运行时会出现错误,所以使用any类型是不太安全的。
const dog: any = {
name: "Fluffy",
sayHello: () => "woof woof",
};
dog.hello();
unknown:任何类型都是unknown类型的子类型(任意类型都可赋值给unknown类型的变量), unknown 类型的变量只能赋值给 any 和 unknown;
let tset1: string = "string"; let test2: any = [1, "str", {}]; let taet3: unknown = Symbol(1); let str1: unknown = tset1; // ok(满足任意类型可赋值给unknown类型) let str2: unknown = test2; // ok (满足任意类型可赋值给unknown类型) let str3: unknown = taet3; // ok(满足任意类型可赋值给unknown类型)
// 面这段代码,调用了dog上不存在hello方法,由于dog是unknown类型,所以在编译阶段就会提示错误,所以unknown相对于any来说更安全,因为它迫使我们需要执行额外的类型检查来对变量执行后续操作。
const dog: unknown = {
name: "Fluffy",
sayHello: () => "woof woof",
};
dog.hello(); // Error 类型“unknown”上不存在属性“hello”。
dog.sayHello() // Error 类型“unknown”上不存在属性“sayHello”
// 要对未知类型的属性执行某些操作,首先需要使用类型断言来缩小范围
(dog as { sayHello:()=>{} }).sayHello() // ok 将dog断言为带有
sayHello属性的对象(强制TypeScript编译器相信我们知道自己在做什么)
(dog as { name:string }).name // ok 将dog断言为带有
name
属性的对象
2、ts数据类型之间的关系
null和undefined 是任何类型的子类型;never 永远不是任何类型的子类型;所有类型都是any类型的子类型,any类型也是所有类型的子类型;任何类型都是unknown类型的子类型;(既:子类型可赋值给父类型,父类型不可赋值给子类型)