typescript中字符串字段的接口
在TypeScript中，可以使用接口来定义字符串字段。接口是一种用于描述对象的结构和类型的语法，它可以用来定义对象的属性、方法和其他成员。
在定义字符串字段的接口时，可以使用以下语法：
interface MyInterface {
myString: string;
}上述代码定义了一个名为MyInterface的接口，该接口包含一个名为myString的字符串字段。
接口的分类：字符串字段的接口属于对象类型的接口。
优势：使用接口可以提供类型检查和代码提示，确保在使用字符串字段时遵循正确的类型约束，减少错误和调试时间。
应用场景：字符串字段的接口可以应用于各种场景，例如定义数据模型、函数参数和返回值的类型等。
推荐的腾讯云相关产品和产品介绍链接地址：在这里，我不能提及具体的云计算品牌商，但你可以通过访问腾讯云的官方网站（https://cloud.tencent.com/）了解他们提供的云计算服务和产品，以满足你在云计算领域的需求。
相关·内容
我有一个这样的Typescript类：
export class Contract {
constructor (
public id: string,
public name: string,
public spend: number
) {}
}
这是由使用如下中间类的服务加载的：
export class ContractService {
// the stuff you would expect
public loadContra
浏览 67提问于2019-08-02得票数 1
回答已采纳
例如，在使用express时，您通常需要向koa请求/响应中注入新的字段。最典型的场景是，当您使用body-parsre时，会注入一个新的req.body字段，这在TypeScript中是无法识别的。koa-body-parser的定义文件似乎并不试图解决这个问题。
在TypeScript中，为这些字段添加定义的正确方法是什么？
浏览 6提问于2016-07-06得票数 0
回答已采纳
考虑下面的类： Class Coordinate {
public readonly latitude: number;
public readonly longitude: number;
constructor(latitude: number, longitude: number) {
this.latitude = latitude;
this.longitude = longitude;
} 现在，假设我有另一个名为CoordinateDto的类，它目前与class类完全相似，但它表示一个Dto对象。它的字段名依赖于其他一些可能会更改的代码，
浏览 26提问于2021-01-16得票数 0
我必须为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
回答已采纳
我正在创建一个对应于json模式的typescript接口。我的json模式中有以下字段：
"styles": {
"title": "Style Definitions",
"description": "Style definition",
"type": "object",
"patternProperties": {
浏览 1提问于2021-01-28得票数 1
我目前正在学习TypeScript和角2框架。我阅读了data关于类和接口的一些文章(和TypeScript )，并进一步了解了关于数据驱动表单和表单控制定义(、和)的一些讨论。
举个例子，我正在尝试提交一份用户注册的注册表格。所需经费如下：
需要一个用户对象作为一个可观察的客户端，并需要另外3个字段来注册到后端。
注册是多步骤的，并且发生在多个模板上。因此，当new User因此我认为我需要可选的运算符或基本对象为空(以避免TypeScript错误时，应用程序编译)
我想为某些字段设置选项(即性别是“男性”或“女性”)，类似于丹在Auto in 的构造函数中设置的方式。我知道我可
浏览 3提问于2016-05-27得票数 0
3回答
我正在使用这个TypeScript数据结构(由于类型的不同，TypeScript很重要)：
private data = {
parent_id: 0,
name: ''
};
我想得到这个：
private data = {
parent_id: '',
name: ''
};
如何将parent_id:number字段转换为parent_id:string
浏览 1提问于2019-01-16得票数 0
回答已采纳
请考虑以下代码片段：
export interface IProduct {
[key: string]: number | boolean;
}
export class Product implements IProduct {
b: number;
c: boolean;
}
我希望TypeScript能够理解如下所示：
嘿，IProduct接口可以是具有任意数量字段的任何类型的对象，这些字段可以通过以下类型之一进行：number或boolean。现在，实现这个接口的类基本上可以包含完全相同的字段变化。
不幸的是，上面的代码给了我错误，该类没有正确地实现
浏览 1提问于2018-12-19得票数 1
我有一个演示
这是使用typescript的React中的一个简单的待办事项应用程序。
我正在尝试定义typescript中的道具。
我在Todo组件中有一个接口，用于传入的props
如果我试图访问Todo组件中的文本，我得到一个错误消息：
Property 'text' does not exist on type 'string'.
如何使用typescript正确定义道具
浏览 16提问于2019-11-25得票数 1
回答已采纳
用另一种方式表达
如何在windowState中键入TypeScript DOM属性？
解决了(在TypeScript 2中)
declare var windowState: WindowState
const enum WindowState {
STATE_MAXIMIZED = 1,
STATE_MINIMIZED = 2,
STATE_NORMAL = 3,
STATE_FULLSCREEN = 4
}
...
var windowState = 5 // Type Error, as expected!
原始问题
如何在declare中使用type来描述代数数据类型
浏览 6提问于2015-11-25得票数 14
回答已采纳
我有这个函数，它曾经在普通的javascript中工作。我现在正试着把它“转换”成Typescript。
function checkStatus(response :any) {
if (response.status >= 200 && response.status < 300) {
return response;
} else {
const error = new Error(`HTTP Error ${response.statusText}`);
error.status = response.statusText;
浏览 0提问于2018-01-30得票数 1
我正在将一些JS代码迁移到TS，我面临的问题是如何区分TypeScript中的空类型和对象中字段的空值。
下面是一个虚拟的例子：
export const performProcedure = () => {
let newPerson = {
name: null,
birthdate: null
}
if (<someCheck>) {
newPerson.name = "Default name";
}
...
}
就JS而言，上述代码可以工作。但是，当我合并TS
浏览 2提问于2018-06-28得票数 2
回答已采纳
我有一个实现接口的类，两个类在typescript中都有这个属性 [propName: string]: any; 这在typescript中的类中意味着什么？为什么我们要用括号将propName括起来？我如何在我的c#模型中表示这个属性？
浏览 14提问于2019-05-21得票数 2
回答已采纳
我对TypeScript有点陌生，我想知道如何访问扩展接口的类的原始字段？
例如：
export interface APIGatewayProxyEventHeaders {
[name: string]: string | undefined;
}
getMap(headers: APIGatewayProxyEventHeaders): Map<string, string> {
const map: Map<string, string> = headers.getUnderlyingMap();
return map;
}
所以，我想
浏览 4提问于2021-01-20得票数 0
回答已采纳
当您使用一个接口创建一个自定义数组类型并给它一个字段length: number时，TypeScript似乎以某种方式计算了数组的长度，但是如果您将该字段排除在自定义类型定义之外，它就不再工作了。
背景到底是怎么回事？
我的代码是：
interface IPerson {
fullName: string;
age: number;
}
class Person implements IPerson {
fullName: string;
age: number;
constructor(fullName: string, age: number)
浏览 1提问于2016-10-28得票数 2
回答已采纳
1回答
假设我们有一个通用接口：
export interface IKeyValue<K, V> {
key: K;
value: V;
}
现在，我们要声明一个变量/字段，并限制哪些类型可以用作K和V
public items: IKeyValue<K extends Type1, V extends Type2>[];
上面的代码没有编译。
我正在使用TypeScript 2.6。
我们如何在TypeScript中实现它？
浏览 1提问于2018-02-12得票数 1
回答已采纳
我正在使用Angular2在Firebase上构建一个angularfire2应用程序。
从实时数据库返回的项在它们上有额外的字段(例如，$key、$exists)，这些字段在应用程序中可能很有用。但是，如果在模型定义中不包括这些键，类型记录会抛出错误。
例如，假设我有一个名为item的类：
export class Item {
name: string,
price: number,
isOnSale: boolean
}
当通过angularfire2返回该项时，它有额外的火基字段(例如，$key、$exists等)，有时我希望访问这些字段：
constructor(priv
浏览 2提问于2017-01-29得票数 3
回答已采纳
如何在不重复的情况下将IUnitedStatesAddress扩展到IUnitedStatesWithTerritoryAddress？唯一的区别是IUnitedStatesWithTerritoryAddress在state字段中添加了TUnitedStatesTerritoryAbbreviation。 // TypeScript Type: United States Address
export interface IUnitedStatesAddress {
apartmentSuite: string;
street: string;
city: string;
浏览 22提问于2021-06-20得票数 0
回答已采纳
4回答
我想为这样的json结构声明一个TypeScript接口：
{
404: function() { alert( "page not found" ); },
400 : function() {...}
}
键是number，值是函数，您知道如何在TypeScript中为这样的数据约束声明接口吗？
浏览 5提问于2015-10-15得票数 4
回答已采纳
我有一个Typescript界面，它只是一组字段，例如 export interface Data {
date_created: string;
stamp: string;
}
let myData: Data; 但是，在我情况下，我需要添加“动态”字段，这些字段不能在运行前硬编码，因此我应该编写类似这样的代码 const dynamicFieldname = getDynamicFieldNameFromSomeDataSource(); // type is string.
mydata[dynamicFieldname] = dynamicFieldvalue; 当
浏览 83提问于2020-09-03得票数 0
回答已采纳
如果我有一个类，比如：
export interface Results {
xrf: any;
ftir: any;
level: any;
}
export class myClass{
Results: Results;
remark: string;
}
和一个JSON对象，如：
{
"Results": {
"xrf" : "xrfresult",
"level": "21"
},
"remark" : "Test 1"
}
浏览 5提问于2017-11-12得票数 1
我有以下(人为的) TypeScript代码：
interface hasSpecialField {
specialField: string;
}
interface hasStringFn {
fn: (this: hasSpecialField) => string;
}
function whatIsMyContext(this: hasSpecialField): string {
return this.specialField;
}
function getObj(): hasStringFn {
let toBeBound: hasSpecialF
浏览 1提问于2017-06-10得票数 1
回答已采纳
我在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
考虑以下接口/类型：
interface Ifc {
fieldA: string;
fieldB: number;
}
我希望有一个可以分配给非对象类型变量的类型，它告诉TypeScritp如下：
嗨，TypeScript，这个类型是来自接口Ifc中所有类型的单一类型。
这给了我以下控制类型的方法：
// [[ ]] means placeholder
let oneFromIfc0: [[Type I can't figure out]] = 'Hey there' // It's ok, string is in Ifc type
let
浏览 1提问于2019-12-16得票数 0
回答已采纳
我正在TypeScript中使用一个JSON。除了一个附加字段外，JSON的一部分通常是相同的。我试图找到一个快捷方式，它不包括为该属性创建额外的命名接口。我经常要做以下事情：
interface ICar extends IVehicle {
headlights: IHeadlights
}
interface IHeadlights extends ILights {
beam_strength: number
}
在TypeScript中，您可以这样做，但随后就失去了扩展已经声明的接口的优势：
interface ICar extends IVehicle {
headl
浏览 5提问于2017-10-27得票数 0
回答已采纳
更新：
“为什么”用另一个问句来回答。
“如何修复”现在是一个新的问题：
原件：
我遗漏了错误声明，因为类型记录没有告诉我我添加了不正确的数据。
为什么打字稿允许这样做？
这是一个错误，或者这是什么原因？
参见这里的代码框：
interface ITester {
string1: string;
}
type TestType<S = any> = (item: S) => S | undefined;
const Foo: TestType<ITester> = input => {
return {
...input,
浏览 1提问于2019-10-23得票数 0
我们在TypeScript MVC项目中经常使用ASP.Net来实现客户端代码(MVVM、Ajax等)。我们一直面临的问题是，类型记录/Javascript代码与C#服务器不同步，因为R#和其他工具无法克服从C#到TypeScript的“技术差距”。
例如，当服务器返回JSON对象并将其中一个字段重命名时，需要搜索整个TS源代码并将其手工重命名，否则客户机就不再像预期的那样工作了。这还嵌入了MVVM模式，其中由Razor/C#生成的HTML标记(以及绑定)，以及由TypeScript生成的客户端视图模型。同样的问题。
解决这个问题的办法之一是TypeScript的预处理器或宏，如果我能混合C#
浏览 2提问于2014-07-24得票数 0
回答已采纳
这是一个奇怪的问题，但我正在处理一个包含大约100个输入字段的大型表单。我们将所有这些数据传递给一个GraphQL端点。我们使用的是TypeScript，我已经根据模式定义了接口。
我想知道我是否可以使用TypeScript的接口类型，具体地说是boolean类型，将某些属性值自动转换为true或false，因为它们从表单中以字符串"1"或"0"或"true" (复选框)的形式出现。然后，我可以构建一个过滤器/转换器，当我可以从接口检测到某些输入类型时，它会自动转换GraphQL请求的某些输入类型。
interface I1 {
x: b
浏览 1提问于2020-02-24得票数 0
我在一些库(如grpc )中遇到的一个常见问题是，函数接口通常是通用的any。TypeScript中是否有一种使用特定类型覆盖any的方法？
例如，grpc在TypeScript定义中有以下内容：
export class ServerUnaryCall {
/**
* Indicates if the call has been cancelled
*/
cancelled: boolean;
/**
* The request metadata from the client
*/
metadata: Metadata;
/**
* T
浏览 1提问于2018-02-22得票数 1
回答已采纳
1回答
我正在研究，在这里我们使用以下TypeScript接口：
对象的interface IGeneratorSchema { faker?: any; chance?: any; }，例如：{ "faker": "name.findName" }或：{ "chance": { "bool": { "likelihood": 100 } } }
现在，我们需要引入对x-faker和x-chance字段的支持，这些字段在语义上与faker和chance具有相同的含义，
浏览 3提问于2016-04-13得票数 0
回答已采纳
我正在寻找用TypeScript管理状态的最好方法。我的简单表单有两个值：login和password字段。我实现了用于表单状态IState接口和用于在状态中存储新值的干handleChange方法，而无需在每次执行render()时重新创建函数。 interface IState {
login: string;
password: string;
}
class LoginForm extends React.Component<{}, IState> {
public state = {
login: "",
password:
浏览 35提问于2019-02-02得票数 6
回答已采纳
我想从typescript代码库中建模一些接口和类。我想知道在Java中对typescript联合进行建模的最佳方法。像这样的东西-
export type a = b | c | d | e | f;
export type b = {
..
}
export type c = {
..
}
..
用Java对此进行建模的最佳方式是什么？
例如：Class A = Class B or Class C or Class D;这意味着A可以是这些类中任何一个的对象。我正在寻找一个类的解决方案。但另一个例子是。export type numberString = string
浏览 2提问于2021-03-10得票数 0
1回答
在typescript中，我用以下方式设置对象的日期字段。
在:新日期(“2017-06-24”+“T”+“22:00”+“Z”)
然后，我将该对象作为POST主体发送到我的Then服务。在body中，日期字段看起来像"at":"2017-06-24T22:00:00.000Z"，但我想去掉毫秒部分。我该怎么做呢？
浏览 3提问于2018-06-24得票数 1
我使用的是typed rest-client包和最新的typescript。我不理解IRequestOptions的additionalHeaders字段的类型。我有一组初始的附加标头，当我连接到REST服务时，我会收到一个cookie。我想把这个cookie添加到已经存在的附加头的列表中，但是我想不出一种编译和正确使用typescript的方法。这些选项位于私有#options字段中，并使用
this.#options.additionalHeaders.append({ Cookie: `X-DM-DST=${this.#token}`});
编译正确，但在运行时失败，并显示"Ty
浏览 2提问于2021-09-10得票数 0
1回答
我已经被分配了一段时间的任务，我只是想知道是否有人可以教我如何将值从我的数据库存储到typescript界面。基本上，我有一个如下所示的界面：
export interface Project {
projectName: string;
}
export interface DashboardTeam {
teamName: string;
projects: DashboardProject[];
}
export interface DashboardData {
teams: DashboardProject[];
}
其中projectName和t
浏览 0提问于2016-07-06得票数 1
1回答
在angular1中，我们只有提供程序字符串的令牌类型。在angular2中，我看到的所有示例似乎都在使用类标记。例如：
class Car {}
var injector = ResolveInjector.resolveAndCreate([
{ provide: Car, useClass: Car },
^^^
{ provide: Engine, useClass: Engine }
]);
我想知道有效的令牌类型是什么？它们可以基于TypeScript数据类型还是JavaScript数据类型？当解析依赖项时，角化。那么，在元数据中有效的令牌类型是
浏览 1提问于2017-01-16得票数 1
回答已采纳
我在一个库中有一个带有可选id字段的接口：
interface I {
id?: string;
}
我想要覆盖它，所以它
interface I {
id?: string;
}
所以我声明了模块，重新定义了接口，但是我被Typescript拒绝了
import { Option as BaseUiOption } from "baseui/select";
declare module "baseui/select" {
export interface Option extends BaseUiOption {
// trying t
浏览 1提问于2021-09-07得票数 1
我有一个类，我需要一个实际的十进制字段
export myclass {
deposit: number;
}
然而，当我将我的web api类转换成这个typescript类时，我的十进制数应该看起来像1.10，当转换对象时，我的小数点数看起来像1.1。
我需要那个零留在原地。我如何在typescript中做到这一点？
浏览 0提问于2020-03-07得票数 1
1回答
我有一个简单的输入字段和一个保存它的按钮。如果输入字段为空，则按钮变为禁用状态。但在我的代码中，空格字符的行为就像普通字符一样，所以用户只需放入空格就可以输入值。如何检查输入字段中至少存在1个字符？ 代码： <mat-form-field fxFlex="50">
<input matInput name="postalAddress"
[(ngModel)]="employee.postalAddress" placeholder="Postal Addr
浏览 4提问于2019-02-28得票数 0
回答已采纳
1回答
在TypeScript中，有一个名为Partial<T>的预定义类型。它的定义如下：
type Partial<T> = {
[P in keyof T]?: T[P];
}
显然，索引签名被标记为可选的，这是可行的。如果我想做同样的事情
interface IDictionary<T> {
[ key: string ]?: T
}
TypeScript抱怨?。这是因为接口可能不包含可选字段，或者原因是什么？
浏览 2提问于2019-08-03得票数 7
回答已采纳
我试图找到一种处理键的最佳方法:当TypeScript后端返回一个字典对象时，c#中的值对，但是我尝试过的任何东西都不能像预期的那样工作。
这是我的c#代码：
var displayFileds = new Dictionary<string, string>();
displayFileds.Add("A", "A Value");
displayFileds.Add("B", "B Value");
我是TypeScript
type MyResponse = {
displayFiel
浏览 4提问于2021-12-30得票数 1
回答已采纳
我尝试在TypeScript中使用Sequelize。我像这样从official document TypeScript section复制代码： // These are all the attributes in the User model
interface UserAttributes {
id: number;
name: string;
preferredName: string | null;
}
interface UserCreationAttributes extends Optional<UserAttributes, "id"&g
浏览 18提问于2020-09-21得票数 1
我在一个ASP.NET MVC5项目中使用TypeScript 1.4。
我有一个Date类型的字段，它部分工作：
var dob: Date = result.dateOfBirth;
alert(dob);
var dobAsString = dob.toDateString();
在上面的代码中，前两行正常工作，如预期的那样将值显示为"1968-11-16T00:00:00“。但最后一行代码不起作用，实际上该行下面的其余代码甚至都没有执行--它只是中断，没有错误消息。
无论我在最后一行应用哪个日期函数，这种行为都会持续；我也可以使用dob.getFullYear()等，但每次都会
浏览 22提问于2015-05-08得票数 19
回答已采纳
我已经用TypeScript写了大约一年了，我遇到了一个很好的用锈蚀写的关于Github的项目，我想用TypeScript来包装。我从来没有用铁锈编程，但我确实有C++方面的经验。我相信标题中的问题已经很清楚了。Rust中的结构是否类似于TypeScript中的接口？
浏览 4提问于2022-07-08得票数 0
回答已采纳
3回答
在TypeScript中，将某些属性标记为必需的的正确方法是什么？假设我们有特定的对象，它必须包含id字段，但也可以有任意数量的其他字段：
interface SomeType {
id: number;
}
let obj: SomeType = { name: "OBJ" }; // GOOD ERROR! We must have `id`
let obj: SomeType = { id: 123 }; // OK
let obj: SomeType = { id: 123, name: "OBJ"
浏览 6提问于2016-01-15得票数 15
回答已采纳
我在玩TypeScript和接口。我有下面的代码
interface Control {
name: string;
onSelect():string;
}
class Button {
name:string="button";
onSelect = function() {
return "hello";
}
}
var a:Button = new Button();
var b:Control = {"name": "arbitrary", "onSel
浏览 4提问于2014-12-11得票数 3
回答已采纳
我在我的react原生应用中使用useState，如下所示： const [loginDetails, setLoginDetals] = useState({}); 当我试图访问loginDetails的属性时，我从eslint得到一个ts(2339)错误： ? 我实际上没有为此设置任何接口或类，但它确实填充了这些字段。它们只是没有明确定义。 我的eslint和更漂亮的配置如下： eslint {
"extends": ["airbnb", "prettier"],
"plugins": ["
浏览 27提问于2020-11-21得票数 0
回答已采纳
我正在扩展默认的Vue对象
export default (Vue) => {
Object.defineProperties(Vue.prototype, {
$http: {
get () {
return axiosInstance
}
}
})
}
我使用的是typescript，当然typescript不喜欢这样。我如何创建一个特定于项目的.d.ts文件，在vue类型脚本声明中添加上述扩展名？
浏览 6提问于2017-03-31得票数 7
我有一个名为useReduxState的钩子，我使用它从Redux中检索一段状态，方法是： const STATE_A = useReduxState("STATE_A"); 我在添加Typescript时遇到了问题。 以下是我正在使用的类型： type TYPE_A = {
fooA: string,
barA: string,
}
type TYPE_B = {
fooB: string,
barB: string
}
interface REDUX_STATE {
STATE_A: TYPE_A,
STATE_B: TYPE_B,
} 这是钩
浏览 32提问于2020-08-14得票数 0
回答已采纳
我学习typeScript已经有几天了，我遇到了typeScript中的接口实现，但是不能正确地理解它，任何人都可以用一些实际的例子来解释它。
浏览 1提问于2022-02-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
