[Typescript] Generics using TypeScript

最新推荐文章于 2025-09-07 22:13:39 发布

转载最新推荐文章于 2025-09-07 22:13:39 发布 · 78 阅读

文章标签：

#javascript #ViewUI

本文探讨了编程语言中使用泛型的关键原因，并通过多个TypeScript实例展示了如何有效地运用泛型来避免常见的编程错误。文章还提供了具体的类定义及函数实现案例。

In this lesson we cover the key reason why programming languages need generics. We then show how use them effectively with TypeScript. We show plenty of examples where generics prevent common programming mistakes.

class Query<T> { 
    protected items: T[];
    push(item:T) { this.items.push(item) }
    pop():T { return this.items.shift()} 
}

const q = new Query<number>();
q.push("1"); // compiler error
q.push(1);
const res = q.pop();

function reverse<T>(ary: T[]): T[] { 
    return ary.slice().reverse();
}

const ary = [{ name: "one" }, { name: "two" }];
const ary2 = [{ name2: "one" }, { name: "two" }];
const res = reverse<{name: string}>(ary);
const res2 = reverse<{name: string}>(ary2); // compile error for {name2: "one"}
res.push({ name2: "three" }); // compile error