Typescript中⼀些不理解的概念解释（泛型、断⾔、解构、枚
举）
新的项⽬想使⽤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{
String().lengthtypescript 字符串转数组
}
}
⽤法1：在需要断⾔的变量前加上
function getLength(something: string | number): number{
if((something as string).length){
return (something as string).length
}else{
String().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"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。