Typescript学习第五篇（断言，泛型）

最新推荐文章于 2025-02-21 14:39:32 发布

Kr.Chen

最新推荐文章于 2025-02-21 14:39:32 发布

阅读量682

点赞数

分类专栏： javascript 文章标签： typescript javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_16932865/article/details/122828188

版权

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文探讨了TypeScript中的断言和泛型。断言允许开发者手动指定值的类型，如在处理第三方库时避免类型错误。通过`(wx as any).xxx`可以避免因新增属性导致的报错。另一方面，泛型是一种在定义函数或接口时延迟指定类型的机制，用于确保代码的类型安全性和重用性，例如约束函数参数和返回值的类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

继续重温Typescript，这次说断言以及泛型

断言

从名字就能看出来，就是手动指定一个值的类型，基本上是这种格式

值 as 类型

相关的例子的话，比如，如果我们之前自己在本地有做一个微信官方js的ts文件，过了几个版本之后，微信官方出来了几个新的属性，这时候，使用wx.xxx会报错，不存在。这时候，我们可以直接使用断言，定义成(wx as any).xxx，这样的话就会避免掉这个错误。当然这只是我自己的实现方式。或者就是重新再写个interface 将当前的wx属性，断言成这个。

interface Animal1 {
    run: void()
    name: string
}


interface Animal2 {
    go: void()
    name: string
}

function isAnimal(animal: Animal1 | Animal2) {
    if ( typeof animal.run === 'function') {
        return true
    }
    return false
}

// 这里就会报错，因为Animal2里面不存在run方法。

// 所以要改成    

typeof (animal as Animal1).run === 'function'

泛型

泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。

// 这种，定义了函数返回的值是数组，但是数组内部属性并没有定义类型
function createArray(length: number, val: any): Array<any> {    
    let array = [];
    for (let i = 0; i < length; i++) {        
        array[i] = val;    
    }    
     return array;
}
createArray(3, 'a'); // ['a', 'a', 'a']


// 这是定义泛型，当前说明返回的数组的子属性类型为T，通过反推为string类型
function createArray(length: number, val: T): Array<T> {    
    let array = [];
    for (let i = 0; i < length; i++) {        
        array[i] = val;    
    }    
     return array;
}
createArray(3, 'a'); // ['a', 'a', 'a']

说白了，就是我们可以定义函数返回值，用来约束咱们的代码返回值，输入值必须符合某种自己需要的格式和类型。