键名称未知的Typescript接口
Typescript接口是一种用于定义对象的结构和类型的编程语言特性。它允许开发人员定义对象的属性、方法和其他成员，并指定它们的类型和约束。
Typescript接口的优势包括：
- 类型检查：接口可以在编译时进行静态类型检查，帮助开发人员捕获潜在的错误和bug，提高代码的可靠性和可维护性。
- 代码重用：接口可以被多个类或对象实现，提供了一种代码重用的机制，减少了重复编写代码的工作量。
- 抽象和封装：接口可以定义抽象的数据结构和行为，隐藏实现细节，提供了一种封装和抽象的方式，使代码更加模块化和可扩展。
- 文档和可读性：接口提供了一种清晰的文档方式，描述了对象的结构和行为，使代码更易于理解和维护。
Typescript接口的应用场景包括：
- 前端开发：在前端开发中，可以使用接口定义组件的属性和方法，提供类型检查和文档说明，增加代码的可靠性和可读性。
- 后端开发：在后端开发中，可以使用接口定义API的请求和响应结构，确保数据的正确性和一致性。
- 软件测试：在软件测试中，可以使用接口定义测试用例的输入和输出，帮助测试人员进行测试计划和测试用例的编写。
- 数据库：在数据库开发中，可以使用接口定义数据表的结构和字段，提供类型检查和数据一致性的保证。
腾讯云相关产品中与Typescript接口相关的产品包括：
- 云函数（Serverless Cloud Function）：腾讯云函数是一种无服务器计算服务，可以使用Typescript接口定义函数的输入和输出参数，实现灵活的函数编程。
- 云开发（Tencent CloudBase）：腾讯云开发是一种集成云端资源的开发平台，可以使用Typescript接口定义云函数、数据库和存储的数据结构和类型。
- 云API网关（API Gateway）：腾讯云API网关是一种托管式API服务，可以使用Typescript接口定义API的请求和响应结构，实现API的类型检查和文档说明。
- 云数据库（TencentDB）：腾讯云数据库是一种高性能、可扩展的数据库服务，可以使用Typescript接口定义数据表的结构和字段，提供数据一致性和类型检查的保证。
更多关于腾讯云相关产品的介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我想在typescript中创建一个具有未知数量的字符串类型属性的接口。字符串类型可能有5个或50个属性，在typescript中可以吗？
浏览 12提问于2020-12-21得票数 0
回答已采纳
我需要迭代一个大对象，它被输入为" object“。它包含相同类型的未知数量的对象。
在以前的文章中，我找到了解决方案，使用自定义Symbol.iterator函数中的生成器使大型对象可以使用for..of循环进行迭代。
但在我看来，现在到了2017年，仅仅使用Object.keys就更容易了：
Object.keys(bigObject).forEach((key:string)=>{
console.log(bigObject[key]);
});
这实际上运行得很好！但是TypeScript编译器一直给我错误“TS7017: TS7017隐式h作为‘任意’类型，因为类型&#
浏览 3提问于2017-04-13得票数 40
回答已采纳
我使用TypeScript输入以下内容： const k = {
container: {
width: '100%',
},
} 当我使用智能感知时，TypeScript发现我的对象k有一个名为container的属性似乎很酷。它工作得很好。现在，我想限制属性的值，所以我声明了一个接口： interface StyleSet {
[key: string]: React.CSSProperties
} 现在我将类型添加到前面的对象中，所以我们有： const k: StyleSet = {
container: {
width: '10
浏览 48提问于2020-09-17得票数 0
我试图用ngFor遍历一个复杂的对象，但在使用推荐的键值管道时遇到了问题。当我试图将键作为参数传递给传递给在ngFor中呈现的组件的函数时，TypeScript报告“未知类型的参数不能赋值给string类型的参数”。
<div *ngFor="let item of items | keyvalue">
<component [onItemUpdate]="onItemUpdate(item.key)"></component>
</div>
TypeScript抱怨item.key的类型是未知的，onItem
浏览 12提问于2021-02-23得票数 0
回答已采纳
1回答
在我的Typscript代码中，我收到了许多警告，这些警告都与使用‘any’作为函数的返回类型有关。我正试图为Firebase编写一个带有云功能的node.js后端，以管理Google的购买和订阅。下面是在这里给出的经典出租车服务器示例：
例如，以下内容：
function purchaseToFirestoreObject(purchase: Purchase, skuType: SkuType): any {
const fObj: any = {};
Object.assign(fObj, purchase);
fObj.formOfPayment = GOOGL
浏览 3提问于2021-01-21得票数 0
2回答
我正在为Roblox开发一个Demo包装器，但我遇到了一个问题。基本上，我要做的是发送一个请求，然后像API包装器那样返回所有数据。然而，我不知道我该如何键入这个特定的属性。这是因为，对象可以根据我随请求发送的操作类型而改变。
就像你在这里看到的。描述对象为空。
[{
...
"actionType": "string",
"description": {},
"created": "2021-04-19T21:21:48.513Z"
}]
但是当我发送一个请求时，我可以得到这个，甚至更多。
浏览 1提问于2021-04-20得票数 0
回答已采纳
我正在尝试用一个装饰器来扩展一个类的原型，这个装饰器使用TypeScript的experimentalDecorator支持。
export function Foo() {
return function (target) {
target.prototype.bar = 'baz';
}
};
虽然这个装饰符似乎适用，但TypeScript不能识别原型扩展。
@Foo()
class Qux {
constructor () {
this.bar; // Property 'style' doesn't exi
浏览 13提问于2016-09-01得票数 0
回答已采纳
4回答
我想为这样的json结构声明一个TypeScript接口：
{
404: function() { alert( "page not found" ); },
400 : function() {...}
}
键是number，值是函数，您知道如何在TypeScript中为这样的数据约束声明接口吗？
浏览 5提问于2015-10-15得票数 4
回答已采纳
查看我看到的示例代码： import * as React from 'react';
const Count: React.FunctionComponent<{
count: number; // this is the line that confuses me
}> = (props) => {
return <h1>{props.count}</h1>;
};
export default Count; 该对象结构定义了预期的道具，但从什么时候开始，在对象中的k-v对后面有分号在语法上是正确的？这一定是一种我不熟
浏览 16提问于2019-03-25得票数 2
回答已采纳
目标(所需的API)
RouteHandler装饰器必须将它附加的方法存储到Controller类中声明的routesAndHandlersMap静态字段中：
class ProductsController extends Controller {
@RouteHandler({
type: HTTP_Methods.get,
pathTemplate: "api/products"
})
private static async retrieveSelection(_request: Request, response: HTTP.Server
浏览 0提问于2021-02-24得票数 1
我在typescript中使用Angular 1.4.7，我有一个自动生成的客户端，在typescript中使用Swagger来调用rest服务，如下所示：
module API.Client {
'use strict';
export class DefaultApi {
...
我尝试通过执行以下操作来使用它：
import TDRService = API.Client.DefaultApi;
export class ListaTrtController {
private tdrservice: TDRService;
/* @ngInject
浏览 0提问于2015-11-21得票数 1
将VueJS与TypeScript一起使用时，通过this.$parent.somePropOrMethod或this.$root.somePropOrMethod访问属性或方法会导致类型错误Property somePropOrMethod does not exist on type 'Vue' Vue的接口是 export interface Vue {
...
readonly $parent: Vue;
readonly $root: Vue;
...
} 那么我们应该如何以类型安全的方式访问父元素或根元素上的属性和方法呢？ 接口似乎应
浏览 21提问于2020-01-16得票数 3
我正在做React上的PluralSight入门课程，课程中的一个项目涉及构建一个允许用户输入GitHub用户名的web UI，应用程序会将相应的GitHub个人资料照片添加到应用程序的个人资料列表中。 课程都是用标准的js编写的，但我正在尝试使用TypeScript，因为我的公司用的就是它。我遇到了一个问题，我想要将钩子( setState )函数引用作为道具传递给子组件。 以下是父组件中的代码： function App() {
const classes = useStyles();
const [profiles, setProfiles] = React.useState&
浏览 133提问于2021-07-22得票数 0
2回答
我一直在阅读关于依赖反转的Range2.0，我还一直在研究一些。
我的理解是，@injectable装饰器使用带有emitDecoratorMetadata标志的TypeScript编译器创建用于解决依赖关系的元数据。以下面的类为例：
TypeScript编译器使用emitDecoratorMetadata通过元数据声明DataService类具有带有Http类型的构造函数参数。
一旦我们使用@Injectable声明了类的依赖项，我们就可以指示需要使用@App或@Component装饰器中的Provides选项将其注入到某些组件中。
我知道emitDecoratorMet
浏览 2提问于2016-03-20得票数 1
回答已采纳
自从TypeScript 3.0以来，新的顶级类型的未知可以作为any的类型安全对应物。
我非常喜欢这种类型，因为它使代码更加健壮。
我的主要问题是，TypeScript (显然)没有在运行时为接口提供instanceof-feature。如果(可能的话)，这段代码会运行得很好：
class Test {
doSomething(value: unknown) {
if(value instanceof MySuperInterface) {
return value.superFunction();
}
return false;
}
}
浏览 1提问于2018-11-23得票数 1
我有以下几点
sortByCounter = (ps: any) => {
return Object.values(ps).sort(
(a: any, b: any) => {
return (a.Counter >= b.Counter)
? -1 : 1;
}
);
}
这会导致typescript说
Property 'Counter' does not exist on
type 'unknown'.
我没有为对象创建一个带有计数器的接口的原因是因为对象上还有
浏览 8提问于2020-11-12得票数 0
回答已采纳
我学习typeScript已经有几天了，我遇到了typeScript中的接口实现，但是不能正确地理解它，任何人都可以用一些实际的例子来解释它。
浏览 1提问于2022-02-09得票数 0
1回答
我刚刚完成了Ubuntu 16服务器的新安装。我能够用WiFi连接完成安装。安装后，WiFi无法连接，然后我插入电缆，灯闪烁，但互联网不工作。
平还了“未知主机”。
尝试安装，但获取此错误无法获取档案。双启动Thinkpad t410。
浏览 0提问于2016-10-10得票数 1
回答已采纳
我有一个可以由用户扩展的类，如下所示：
class Foo {
extendFoo(key: string, value: string) {
this[key] = value; //<==typescript error: missing index signature
}
}
正如您所看到的，this可以使用字符串进行扩展。问题是typescript会抱怨，因为我没有索引签名，所以我尝试添加一个：
class Foo {
[key: string]: string;
extendFoo(key: string, value: string) {
浏览 3提问于2020-03-16得票数 2
我们可以使用TypeScript中的预定义名称来命名自定义类/接口吗？如果自定义类名与TypeScript中的预定义名称冲突，是否存在可能导致错误的用例？ 例如，当TypeScript已经有一个RequestInfo类型-> type RequestInfo = Request | string;时，我是否可以创建一个名为RequestInfo的自定义类
浏览 32提问于2021-08-29得票数 2
回答已采纳
1回答
在使用TypeScript声明类时，我正在寻找将对象数组声明为属性的最合适方法。这适用于具有未知数量的复选框的表单，该表单的角度模板驱动表单。
像下面这样为对象创建一个单独的类是否可取，或者是否有更好的方法？我试着用很多方法来搜索这方面的建议，但没有找到太多。我说得太离谱了吗？
export class Companion {
id: string;
name: string;
chosen: boolean;
}
export class ExampleForm {
name: string;
email: string;
companion
浏览 29提问于2019-07-25得票数 1
回答已采纳
我是Kotlin的初学者，实际上我正在用Kotlin做Androäd应用程序。我必须初始化一些属性，它们的值是未知的(它不是未知的，但现在很难定义)，所以我想像在TypeScript中一样，例如：public startDate: any;，这意味着startDate的类型可以是任何东西(它不是安全的，但它无论如何都有助于获取值，而不是考虑发生了什么)。
有没有办法用Kotlin做到这一点？我试过“？”或者List<*>或参数中的*，但它不是以这种方式工作的。
感谢您的阅读！
浏览 1提问于2019-04-15得票数 2
1回答
定义的所有变量的类型
、、、、
我有一个像下面这样的物体：
var objContainer = {};
objContainer.string1 = "some string";
objContainer.string2 = "some string";
....
objContainer.stringN = "some string";
我想为objContainer变量在TypeScript.The点创建一个类型，变量计数和名称未知。因此，我想引入这样的逻辑：“objContainer的类型类中的每个变量都将是字符串类型，而不考虑其名称”。有什么办法可以做到吗？伪代码示例
浏览 1提问于2016-01-22得票数 0
回答已采纳
我正在定义一个需要接受string和object类型的数组。object类型必须包含两个属性：name和value。value必须是另一个对象，包含任意一组key: value对。 我正在尝试使用区分联合来定义一些object类型，以便知道某些特定name的value属性。然而，总是需要保留一个后备，以便当name不是已知的字符串文字时，value仍然可以是任意集合。 到目前为止，我使用的是以下内容： interface IFallbackDef {
name: string;
value: object;
}
type ValueDef<TName extends s
浏览 13提问于2020-04-17得票数 3
回答已采纳
我想输入一个名为keyBy的简单函数。 此函数的作用是根据提供的“密钥字符串”将array of objects转换为object： const arr = [{ name: 'Jason', age: 18 }, { name: 'Amy', age: 25 }];
console.log(keyBy(arr, 'name'));
// => { 'Jason': { name: 'Jason', age: 18 }, 'Amy': { name: 'Amy', age
浏览 14提问于2019-03-12得票数 2
回答已采纳
我正在寻找一种方法来为以下对象创建TypeScript类型，该对象具有两个已知的键和一个具有已知类型的未知键：
interface ComboObject {
known: boolean
field: number
[U: string]: string
}
const comboObject: ComboObject = {
known: true
field: 123
unknownName: 'value'
}
该代码不起作用，因为TypeScript要求所有属性都与给定索引签名的类型匹配。然而，我并不打算使用索引签名，我想输入一个我知道其类型
浏览 2提问于2018-04-23得票数 29
回答已采纳
我打算将我已有的一个JavaScript组件转换为TypeScript，但我是TypeScript新手，我不知道从哪里开始将我的JavaScript组件转换为TypeScript。
我只是把component的主要部分放在我的问题中，但简单地说，我的component包括：
Mycomponent：
class App extends React.Component {
state = { sections: [
{
"title": "Popular",
"items": [
{
"name"
浏览 0提问于2021-01-23得票数 1
我想做一个具有未知数量的泛型属性的typescript接口，所有这些属性都应该被定义为布尔值。如果我想创建一个带有属性'foo‘和泛型值的接口，我会这样做： export interface Foo<T> {
foo: T;
} 因为我基本上想做相反的事情，所以我试过了 export interface booleansMap<T> {
T: boolean;
} 但我有 'T' is defined but never used.(@typescript-eslint/no-unused-vars) 来自eslint 在文档中找不到这
浏览 30提问于2021-09-21得票数 1
回答已采纳
在TypeScript中，我声明了如下接口：
export default interface MyDTO {
readonly num: string;
readonly entitle: string;
readonly trb: string;
readonly ucr: string;
readonly dcr: string;
readonly udm?: string;
readonly ddm?: string;
}
对于函数，我想访问一个属性值，其名称包含在一个变量中。
private doSomething(dto: M
浏览 5提问于2020-07-06得票数 9
回答已采纳
TypeScript允许检查未知属性。以下是
interface MyInterface {
key: string
}
const myVar: MyInterface = {
asda: 'asdfadf'
}
会失败
键入“{ asda: string；}”不能指定键入“MyInterface”。
对象文字只能指定已知的属性，并且'asda‘不存在于'MyInterface’类型中。
但是，该语句将编译，不会出现任何问题。
interface EmptyInterface {
}
const myVar: EmptyInterface
浏览 0提问于2018-03-03得票数 4
回答已采纳
似乎不是一个明确的地方，有这个信息：
我一直将接口文件命名为IMyInterfaceName.extension，并将接口命名为IMyInterface。
这是使用Angular 2和Typescript的方式吗？
谢谢:)
浏览 1提问于2016-03-19得票数 9
回答已采纳
我在Redux Action的声明中确实有一些问题。按照定义，Redux 应该具有type属性，可以具有其他属性。
根据TypeScript (参见“超额财产检查”)，我可以这样做：
interface IReduxAction {
type: string;
[propName: string]: any;
}
它似乎在某些情况下起作用(比如变量的声明)。
const action: IReduxAction = {
type: 'hello',
value: 'world'
};
但是，如果我试图声明使用该操作的函数：
function h
浏览 0提问于2016-05-18得票数 6
1回答
我试图定义这个对象类型。
colors: {
text: "#343D48", // body color and primary color
text_secondary: "#02073E", // secondary body color
heading: "#565F67", // primary heading color
heading_secondary: "#0F2137", // heading color
background: "#FFFFFF", // body back
浏览 2提问于2022-05-30得票数 0
在TypeScript中，我试图使用for (let x in obj)循环，但是TypeScript编译器没有正确识别x的类型.它总是假设它是string类型的。
在下面的示例中，正确地检测到obj循环外的for类型。TypeScript编译器将其识别为number。但是，当obj应该是number时，for循环中的string就会被识别为string。
let myObj: { [key: number]: number } = { 0: 43, 5: 23 };
let obj = myObj[0]; // let obj: number
for (let obj in myObj)
浏览 0提问于2017-12-01得票数 1
回答已采纳
我有一个像这样的TypeScript代码：
enum EventType {
EVENT_A = 'eventA',
EVENT_B = 'eventB',
... // more event types
}
interface Event {
type: EventType;
}
interface EventA extends Event {
type: EventType.EVENT_A;
data: PayloadForEventA;
}
interface EventB extends Event {
type: Ev
浏览 3提问于2020-11-19得票数 5
回答已采纳
我如何使用typescript来写这篇文章？
所以我有一个类型Status，它有三个属性: name、actionName和style。我还有一个常量statusTypes，它有两个类型为Status的属性。
这就是我到目前为止所做的，但它不起作用。我收到了这个错误[ts] Type '{ Active: any; Inactive: any; }' is not assignable to type 'Status[]'. Object literal may only specify known properties, and 'Active'
浏览 1提问于2018-03-17得票数 1
我必须为team对象声明一个接口：
export interface Team{
memberUid?: {
mail: string
name: string
photoURL: string
}
startDate: Timestamp
endDate: Timestamp
agenda: Array<{
date: Date | Timestamp
title: string
description: string
}>
}
将有几个成员Uids。我不知道如何在TypeScript中申报。
我试过：
[m
浏览 1提问于2020-09-27得票数 0
回答已采纳
对象扩展广泛用于更新功能样式的旧对象，如下所示：
let o1 = { x: 5, y: 6 };
let o2 = { ...o1, y: 10 };
alert(JSON.stringify(o2));
在新的TypeScript 2.1中，我们现在已经实现了对象扩展，但与简单的对象文本不同，它允许具有未知属性：
interface Point { x: number, y: number }
let o1: Point = { x: 5, y: 6 };
//ERROR: Object literal may only specify known properties
let o2:
浏览 7提问于2016-12-15得票数 6
回答已采纳
在下面的示例中，是否只有在使用parse()传递key时才能使TypeScript可用？
// SOURCE CODE:
interface Input {
key?: string;
data: Record<string, string>;
}
interface Options {
parse: (x: string) => void;
}
type HelperFunc = (options: Options) => void;
const myFunc = (input: Input, helper: HelperFunc): v
浏览 3提问于2022-06-12得票数 0
这感觉像一个非常简单的问题，但我无法理解它或找到正确的例子。
假设我想创建一个ServiceProvider类，在内部将类实例映射到字符串标识符或实例构造函数。当使用时，它看起来如下所示：
let provider = new ServiceProvider();
provider.set('date', new Date());
provider.set('other', new SomeObject());
provider.get('date'); // I want TypeScript to know this is a date ob
浏览 4提问于2017-10-03得票数 0
回答已采纳
1回答
我想为接口的记录动态设置一个类型。
interface ChildInput<V> = {value: V};
现在，我想要记录下不同的ChildInput<V>。所以，ParentInput看起来像这样：
interface ParentInput<Keys extends string, T> /*this is the point of the question*/ = {
[index: Keys]: ChildInput<?> /*this is the point of the question*/
}
例如：
const par
浏览 0提问于2021-06-03得票数 0
我想在Typescript对象中存储string -> string的映射，并强制将所有键映射到字符串。例如：
var stuff = {};
stuff["a"] = "foo"; // okay
stuff["b"] = "bar"; // okay
stuff["c"] = false; // ERROR! bool != string
有没有办法强制要求值必须是字符串(或任何类型的..)？
浏览 2提问于2012-11-10得票数 471
回答已采纳
我有一个奇怪的TypeScript编译警告，我无法摆脱，虽然我认为它不应该在那里.
这些是接口：
interface Props {
tasks: TaskType[]
}
interface State {
completed: boolean
selectedTask?: TaskType
}
这是状态的启动--我从undefined开始，但是在我的代码中的其他地方，可以分配TaskType类型的实际值：
class TaskBlock extends React.Component<Props, State> {
state = {
complet
浏览 0提问于2019-04-03得票数 0
回答已采纳
在我迄今看到的大多数TypeScript代码中，人们决定不使用I作为前缀(例如，在C#中这样做)。我理解这背后的原因，例如，这样的接口遵循与类型或类相同的命名模式。到现在为止还好。
但是，从长远来看，这难道不会导致命名问题，例如，如果接口的默认实现也被给出了呢？
假设您有一个名为
ICustomer
和一堂课
Customer implements ICustomer
那就很清楚是什么了。只需查看它们的名称，就可以区分接口和类。现在，我假设在TypeScript中实现此操作的通常方法是将接口命名为Customer。但是，我必须将类重命名为其他东西，比如DefaultCustomer或类似的东西
浏览 0提问于2019-08-05得票数 3
回答已采纳
我已经用TypeScript写了大约一年了，我遇到了一个很好的用锈蚀写的关于Github的项目，我想用TypeScript来包装。我从来没有用铁锈编程，但我确实有C++方面的经验。我相信标题中的问题已经很清楚了。Rust中的结构是否类似于TypeScript中的接口？
浏览 4提问于2022-07-08得票数 0
回答已采纳
我知道并理解unknown in TypeScript所做的事情。我有一个不可信的输入，输入为unknown。我想检查一下它在input.things.0下是否有真实的价值。
function isFullOfGreatThings(input: unknown) {
return Boolean(input?.things?.[0]);
}
TypeScript抱怨Object is of type 'unknown' -但是我知道类型是未知的，这就是为什么我要测试键下的值。
如何在TypeScript?中测试未知对象中的密钥
浏览 3提问于2022-06-22得票数 0
4回答
是否有一种自动排序TypeScript接口键的方法？我已经使用了更漂亮的和VSCode，所以理想的情况下，解决方案应该是与那些，但我是开放的任何解决方案。
例如,
// before
interface MyInterface {
foo: number;
bar: number;
baz: number;
}
// after sort
interface MyInterface {
bar: number;
baz: number;
foo: number;
}
浏览 5提问于2020-03-31得票数 7
回答已采纳
1回答
我有未知类型的粘液。有没有办法把它打印到视图里面？
可能有gob.Debug，但不适用于我
谷歌建议使用DecodeValue，但它需要初始化的reflect.Value如果我得到未知的gob blob，那么我不能在未知类型上传递初始化值
package main
import (
"bytes"
"encoding/gob"
"fmt"
"reflect"
)
func encode1() []byte {
x := "123"
buf := &
浏览 6提问于2018-11-25得票数 3
问题是，我试图告诉TypeScript，一个名为'selector‘的“列”对象的方法接收一个具有未知属性的“行”对象，这个方法应该返回任何东西，只要它属于'row’对象。
我正在使用TypeScript v4.5.5
问题所在
到目前为止，我尝试过这样的方法：
type ColumnCommonProps = {
_index: number;
title: string;
selector: (row: {[key: string]: any}) => keyof typeof row;
};
这个东西“工作”，但TypeScript -例如：
cons
浏览 5提问于2022-03-16得票数 -1
在TypeScript中使用VSCode时，我发现自己经常将鼠标悬停在函数或对象上以检查它们的类型。 通常，这些对象的类型和接口依赖于多个其他接口和类型。因此，悬停并不能提供太多信息。 要检查类型，我必须手动进入节点模块，以找到类型声明并在那里进行检查。 有没有一种方法可以在VSCode中轻松地检查嵌套类型 下面是一个示例： ? 我希望有一种简单的方法来检查React.FunctionComponent的接口。
浏览 22提问于2020-01-27得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
