关于 Typescript 泛型、断言、解构、枚举
2019-11-07 00:00
751 查看
新的项目想使用typescript,因此又对其概念及使用过一遍,本文主要记录下对之前一些概念不太理解的地方。
1、泛型
定义: 在定义函数、接口或者类的时候,不预先指定具体的类型,而是在使用的时候再指定类型。提高可重用性。
function createArray<T>(length: number, value: T): Array<T>{
let result: T[] = [];
for (let i = 0; i < length; i++){
result[i] = value
}
return result
}
console.log("数字", createArray(3, 1));
console.log("字符串", createArray(3, 'a'));
定义函数
createArray
它拥有泛型参数(value),用T表示;该函数同时约定返回一个T类型的数组(Array)。
当value是数字1的时候,返回数字数组;
当value是字符串a的时候,返回字符串数组;
2、解构
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。主要是可以简化代码,更加便于理解。
// 常用1
// 使用
let [a,b,c] = [1,2,3];
// 代替
let a = 1;
let b = 2;
let c = 3;
// 常用2
let obj = {a:1,b:2};
let obj2 = {...obj}
3、断言
当TS不确定一个联合类型的变量是哪个类型的时候,只能访问此联合类型的所有类型的共有属性和方法;但有时候确实需要在不确定类型的时候就访问一个类型的属性或方法。
function getLength(something: string | number): number{
if((<string>something).length){
return (<string>something).length
}else{
return something.toString().length
}
}
用法1:在需要断言的变量前加上
function getLength(something: string | number): number{
if((something as string).length){
return (something as string).length
}else{
return something.toString().length
}
}
4、枚举
使用枚举,可以定义一些带名字的常量。用于清晰地表达意图或创建一组有区别的用例。
数字类型枚举:默认情况下,第一个枚举值是0,后续至依次增1
enum Color {
red,
blue,
yellow
}
let col = Color.blue;
alert(col);
// 1
字符串枚举:
enum ProName {
SUCCESS = 'ok',
ERROR = 'error'
}
alert(ProName.ERROR);
// "error"
相关文章推荐
- TypeScript关于函数解构的部分
- TypeScript 素描 - 泛型、枚举
- 《 Effective Java》关于泛型,方法和枚举,注解的建议
- 关于枚举、反射、泛型的简单例子
- 关于Android使用枚举
- 13. 泛型和枚举
- Java JDBC简单入门之枚举(Enum)、泛型、反射、JDBC整合
- JAVA关于泛型的笔记
- 关于 泛型、map集合
- 【MS】关于委托、事件、泛型文章整理
- 关于泛型的认识和理解
- 关于如何获取泛型参数的实体类型
- 类型断言 与 泛型
- TypeScript学习3--枚举类型
- ADO.NET非连接类(二)关于枚举DataTable对象和复制和克隆DataTable对象
- 关于泛型
- 关于泛型
- Angular2入门:TypeScript的类型 - 对象解构
- 关于应用Java创建泛型创建链表
- 8.Java中的集合、枚举、泛型【上】