TypeScript 是一种 JavaScript 的超集语言，具有类型检查和语法结构等增强功能。它的目标是让编写大型的 JavaScript 应用程序变得更容易。在最新的 TypeScript 版本中，引入了新的 API 从 getter/setter 属性中获取泛型。
泛型简介
泛型是 TypeScript 中非常重要的概念之一，它允许在定义函数、类和接口时使用类型参数。通过引入泛型，我们可以提高代码的可复用性和类型安全。下面是一个使用泛型的示例：
function identity<T>(arg: T): T {
return arg;
}
let output = identity<string>("myString");
console.log(output);上面的代码定义了一个 identity 函数，该函数可以接受任何类型的参数 T，返回值也是类型 T。在调用该函数时，需要显式指定泛型类型。
getter/setter 属性的用途
getter/setter 属性是类中的一种属性，它允许我们在访问类中的属性时执行一些特定的操作。例如，我们可以设置属性的值时做一些额外的校验操作，也可以获取属性值时进行一些计算逻辑。下面是一个使用 getter/setter 的示例：
-- -------------------- ---- -------
----- ------ -
------- ------ -------
--- ------- ------ -
------ -----------
-
--- ----------- ------- -
-- ------------- -- -- -
----- --- ----------- -- --- ---------
-
---------- - ------
-
-
--- - - --- ---------
------ - ------
--------------------上述示例代码中，我们定义了一个 Person 类，并增加了一个名为 name 的 getter/setter 属性，该属性值必须长度大于 3 才能被设置。在创建一个 Person 的实例后，我们首先给 name 属性赋值，然后打印该属性，控制台应该会输出 "Tom"。
TypeScript 引入的新 API
在 TypeScript 4.3 版本中，引入了从 getter/setter 属性中获取泛型类型的新 API。该 API 可以帮助我们更方便地定义 getter/setter 属性中的类型参数。下面是一个使用新 API 的示例：
-- -------------------- ---- -------
----- ---------- -
------- ------- --
--- ---------- -- -
----------- - ----
-
--- -------- - -
------ ------------
-
-
---- --------------- - - ------- ------------- -- - - - ------
--- - - --- ------------------
------- - ---
---- - - ------------------- --- -- --- ------上述示例代码中，我们定义了一个 Example 类，该类中定义了一个名为 value 的 getter/setter 属性，它的类型为泛型类型 T。新 API 的表达式 T extends Example<infer U> ? U : never 可以从 Example 类中自动推断出 value 属性的类型。我们可以使用 ExampleValue 类型来获取 Example 类型 T 的实际值。
总结
TypeScript 的泛型和 getter/setter 机制对于大型 JavaScript 应用程序开发非常实用。通过新引入的 API，我们可以更方便地从 getter/setter 属性中获取泛型参数，增强代码的可复用性和类型安全性。我们可以在实际开发中灵活运用这些技术，提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b49039add4f0e0ffd77236