迹忆客 专注技术分享

当我们调用一个带有 1 个参数但没有传递任何参数的函数时，会出现错误 Expected 1 argument, but got 0 。 要解决该错误，请将所需参数传递给函数，为其提供默认值或将参数标记为可选。...

在 TypeScript 中可以通过三种方式将对象转换为数组： Object.keys() - 返回包含对象键的数组。 Object.values() - 返回包含对象值的数组。 Object.entries() - 返回包含键值对数组的数组。 const obj...

使用 instanceof 运算符检查对象是否是类的实例，例如 if (myObj instanceof MyClass) {} 。 instanceof 运算符检查构造函数的原型属性是否出现在对象的原型链中，如果出现则返回 true 。 class Pers...

使用元组声明具有最小长度的数组，例如 let arrMinLength2: [string, string, ...string[]] = [a, b] 。 元组类型允许我们表达一个包含固定数量元素的数组，这些元素的类型是已知的，但可以不同。...

在 React TypeScript 中将函数作为 props 传递： 在组件的接口中定义函数属性的类型。 在父组件中定义函数。 将函数作为道具传递给子组件。 interface ButtonProps { sum : ( a: number , b: number ) =...

使用联合类型在 TypeScript 中定义具有多种类型的数组，例如 const arr: (string | number)[] = [a, 1] 。 联合类型由两个或多个其他类型组成。 示例中的数组只能包含字符串和数字类型的值。 c...

使用 readonly 修饰符在类中声明常量。 当类字段以 readonly 修饰符为前缀时，我们只能为类构造函数内部的属性赋值。 在构造函数之外对属性进行赋值会导致错误。 class Person { readonly n...

使用 Omit 实用程序类型从接口中删除属性，例如 type WithoutAge = OmitPerson, age 。 Omit 实用程序类型通过从现有接口中删除指定的键来构造新类型。 interface Person { name : string ; age : number ; a...

当我们调用一个函数并向它传递一个与其指定的任何重载都不匹配的参数时，就会出现错误 No overload matches this call 。 要解决该错误，需要确保使用正确类型的正确数量的参数调用函数...

当我们尝试导入指定模块中不存在的成员时，会出现错误 Module has no exported member 。 要解决该错误，需要确保模块导出特定成员并且您没有输入错误的名称或将名称错误命名为默认导入...

{[key: string]: any} 语法是 TypeScript 中的索引签名，当我们事先不知道类型属性的所有名称及其值的形状时使用。 索引签名指定当一个对象被一个字符串索引时，它返回一个 any 类型的值。...

要将函数键入为参数，请键入函数的参数列表及其返回值，例如 doMath: (a: number, b: number) = number 。 如果函数的定义变得太繁琐，将函数类型提取到类型别名中。 function wrapper ( a: number...

当我们尝试从不位于 tsconfig.json 中指定 rootDir 下的文件中导入某些内容时，会发生File is not under rootDir错误。 要解决该错误，请将文件移动到项目的根目录下或从 tsconfig.json 中删除 roo...

使用命名导出在 TypeScript 中导出多个接口，例如 export interface A {} 和 export interface B {} 。 可以使用命名导入导入导出的接口，如 import {A, B} from ./another-file 。 我们可以在单个文件中根据...

当我们在同一文件中多次定义同名函数的实现时，会出现重复函数实现错误。 要解决该错误，请重命名第二个函数或通过指定多个签名而不是多个实现来使用重载。 下面是产生上面错...