ts重点学习74-泛型的基本使用

简介: ts重点学习74-泛型的基本使用
export default {} 
// 不使用泛型
// let getArray = (value: number, items: number): number[] => {
//   return new Array(items).fill(value);
// }
// // let arr = getArray(8, 5);
// let arr = getArray("abc", 3)
// console.log(arr);
// let getArray = (value: any, items: number): any[] => {
//   return new Array(items).fill(value);
// } 
// // let arr = getArray("刘亦菲", 3)
// let arr = getArray(8, 3)
// // console.log(arr);
// let res = arr.map(item => item.length);
// console.log(res);
// 使用泛型
let getArray = <T>(value: T, items: number): T[] => {
  return new Array(items).fill(value);
} 
let arr = getArray<string>("刘亦菲111", 3);
// let arr = getArray<number>(8, 3);
let res = arr.map(item => item.length);
console.log(res);
相关文章
|
10月前
|
JavaScript 编译器
TypeScript中泛型在函数和类中的应用
【4月更文挑战第23天】TypeScript的泛型在函数和类中提供了灵活性,允许处理多种数据类型。了解泛型是掌握TypeScript类型系统的关键。
|
6月前
|
JavaScript 编译器
typescript之泛型
typescript之泛型
155 60
|
5月前
|
JavaScript 前端开发
TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
【10月更文挑战第11天】TypeScript【类型别名、泛型】超简洁教程!再也不用看臭又长的TypeScript文档了!
|
6月前
|
JavaScript 安全
typeScript进阶(14)_泛型和注意事项
TypeScript中的泛型允许创建可重用的代码。泛型可以定义函数、接口、类,支持传递类型参数,实现类型安全。泛型可以用于数组,约束类型参数必须符合特定的接口,也可以在接口和类中使用。泛型类可以包含多个类型参数,甚至在泛型约束中使用类型参数。
48 1
typeScript进阶(14)_泛型和注意事项
|
6月前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
88 4
|
5月前
|
JavaScript 索引
TypeScript(TS)安装指南与基础教程学习全攻略(二)
TypeScript(TS)安装指南与基础教程学习全攻略(二)
94 0
|
5月前
|
JavaScript 前端开发 安全
TypeScript(TS)安装指南与基础教程学习全攻略(一)
TypeScript(TS)安装指南与基础教程学习全攻略(一)
71 0
|
5月前
|
JavaScript 安全 前端开发
TypeScript :枚举&字符&泛型
本文介绍了 TypeScript 中的泛型、约束、枚举和字符操作的基本用法。通过示例代码展示了如何定义和使用泛型函数、类和接口,以及如何利用 `keyof` 约束类型。此外,还介绍了枚举的定义和使用,包括常量枚举和外部枚举的区别。最后,简要说明了 `?.` 和 `??` 操作符的用途,帮助处理可能为空的属性和提供默认值。
|
7月前
|
JavaScript 安全 算法
TypeScript:一个好泛型的价值
TypeScript:一个好泛型的价值
|
9月前
|
JavaScript
TypeScript 泛型类型
TypeScript 泛型类型