我如何创建一个也可以接受字符串的Typescript接口？
要创建一个可以接受字符串的Typescript接口，可以按照以下步骤进行：
- 首先，确保你已经安装了Typescript编译器。可以通过运行以下命令来检查是否已安装：
- 首先，确保你已经安装了Typescript编译器。可以通过运行以下命令来检查是否已安装：
- 如果未安装，可以通过运行以下命令来安装Typescript：
- 如果未安装，可以通过运行以下命令来安装Typescript：
- 创建一个新的Typescript文件，例如
example.ts。 - 在文件中定义一个接口，并在接口中添加一个接受字符串的属性。例如：
- 在文件中定义一个接口，并在接口中添加一个接受字符串的属性。例如：
- 接下来，可以使用该接口来声明变量或函数参数。例如：
- 接下来，可以使用该接口来声明变量或函数参数。例如：
- 或者：
- 或者：
- 最后，可以使用Typescript编译器将Typescript代码转换为JavaScript代码。在命令行中，导航到包含Typescript文件的目录，并运行以下命令：
- 最后，可以使用Typescript编译器将Typescript代码转换为JavaScript代码。在命令行中，导航到包含Typescript文件的目录，并运行以下命令：
- 这将生成一个名为
example.js的JavaScript文件，其中包含转换后的代码。
这样，你就创建了一个可以接受字符串的Typescript接口。在实际应用中，你可以根据需要扩展接口，并根据具体场景使用相关的腾讯云产品进行开发和部署。
请注意，由于要求不能提及特定的云计算品牌商，因此无法提供与腾讯云相关的产品和链接。你可以根据自己的需求和偏好，在腾讯云官方网站上查找适合的产品和文档。
相关·内容
用另一种方式表达
如何在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，并得到以下错误
$("#checkoutSubmit").click(function () {
var departureDate = $("#bookingDepartureDateInput").val();
localStorage.setItem("datevalue", departureDate);
console.log(localStorage.getItem("datevalue"))
});
我从来没有
浏览 4提问于2022-01-16得票数 -1
回答已采纳
我有一个这样的TypeScript接口： export interface Foo {
bar: string
} 这将编译成一个空的.js文件。因此，当在ES6节点模块中使用TypeScript接口时，我会得到以下错误： TypeError: Class extends value undefined is not a function or null 解决方法是创建一个类 export class BaseFoo {
bar: string
} 现在，我可以在ES6中使用BaseFoo，而不会出现上述错误。因此，在TypeScript中使用ES6互操作不可能只有接口，或者有没有比
浏览 22提问于2019-04-24得票数 1
我正在使用处理浏览器中的时间操作。
我也在使用TypeScript和。
我在accountTimezone上设置了一些window，其中包含了经过身份验证的用户的首选时区。我正在尝试创建一个helper方法localMoment()，它将接受任何，并将此window.accountTimezone作为最后的timezone: string参数。
看来可能就是我要找的。
const localMoment = partialRight(moment.tz, window.accountTimezone);
我所遇到的问题与这张寄来的文件有关：
注：此方法不设置部分应用函数的“长度”属性。
浏览 0提问于2019-08-16得票数 8
回答已采纳
下面的语法在TypeScript中有什么作用？
export interface Config {
readonly name: string
readonly buildPath: (data?: Data) => string
readonly group: string
}
export interface Data {
id: number
account: string
group: 'a' | 'b' | 'b'
}
so what does the following method do?
config.bu
浏览 2提问于2020-06-19得票数 1
1回答
您可能听说过Deno，它是一个新的TypeScript运行时。 Deno和普通TypeScript之间的一个主要区别是，您必须在导入语句中包括文件扩展名。例如： import foo from './bar.ts'
^^ 我想写的代码，既与德诺和Webpack兼容。 如何配置Webpack，允许像上面那样使用.ts扩展导入？ 另外，我如何防止下面的VSCode错误？ ?
浏览 15提问于2019-05-18得票数 5
回答已采纳
我正在创建一个对应于json模式的typescript接口。我的json模式中有以下字段：
"styles": {
"title": "Style Definitions",
"description": "Style definition",
"type": "object",
"patternProperties": {
浏览 1提问于2021-01-28得票数 1
5回答
在C#中，接口和类之间有很大的区别。实际上，一个类代表一个引用类型，因此我们实际上可以创建基于该类建模的对象，而接口则是类签名的契约，以确保某种行为的存在。特别是，我们不能创建接口实例。
接口的全部要点是公开行为。类通过给出所述行为的一个显式实现来实现它。
在这种情况下，虽然接口可能包含属性，但由于行为问题，大多数时候我们都关心接口。因此，大多数类型的接口只是行为契约。
另一方面，在TypeScript上，我似乎有些事情让我感到非常不安，事实上，我不止一次看到这个问题，这也是我提出这个问题的原因。
在一篇教程中，我看到了这一点：
export interface User {
name
浏览 7提问于2016-11-14得票数 26
3回答
我刚开始使用typescript，我正在尝试创建一个具有另一种类型的类型:例如，我想创建一个如下所示的基本响应：
type Response = {
data: 'type of (any) ---> I want this to have a set type of a type or class I' create,
errors: null,
loading: false
}
然后我希望能够在像这样的变量上使用上面的方法
const ordersResponse: Response<IOrder> = {
loading: false,
errors:
浏览 24提问于2021-05-17得票数 0
回答已采纳
我正在扩展默认的Vue对象
export default (Vue) => {
Object.defineProperties(Vue.prototype, {
$http: {
get () {
return axiosInstance
}
}
})
}
我使用的是typescript，当然typescript不喜欢这样。我如何创建一个特定于项目的.d.ts文件，在vue类型脚本声明中添加上述扩展名？
浏览 6提问于2017-03-31得票数 7
我正在尝试从Typescript中的一个功能创建一个<GeoJSON {...} /> react元素，但没有成功。(我使用的是react-leaflet + Typescript)对于常规的js，我只需要这样做：
<Map
{...}
<GeoJSON
data={...} <- Here I put my feature in JSON format
style={...} <- Associated style
/>
/>
但是在Typescript中，如果我尝试做完全相同的事情，
浏览 60提问于2020-02-22得票数 4
1回答
当我在项目中创建TypeScript接口时，当我扩展代码库时，我注意到了很多重复。
见此：
interface IErrorResponse {
code: number
message: string
}
// Feature 1
type FEATURE_1_KEYS =
| 'fetchingActivities'
| 'fetchingActivityTypes'
interface IFeature1ErrorAction
extends IErrorResponse {
key: FEATURE_1_KEYS
}
//
浏览 0提问于2019-05-13得票数 0
回答已采纳
我有一个实现接口的类，两个类在typescript中都有这个属性 [propName: string]: any; 这在typescript中的类中意味着什么？为什么我们要用括号将propName括起来？我如何在我的c#模型中表示这个属性？
浏览 14提问于2019-05-21得票数 2
回答已采纳
我学习typeScript已经有几天了，我遇到了typeScript中的接口实现，但是不能正确地理解它，任何人都可以用一些实际的例子来解释它。
浏览 1提问于2022-02-09得票数 0
我已经找到了，它将从任意.d.ts文件创建Kotlin头文件。但是，我想往相反的方向走。
我想构建一个将编译成JavaScript的Kotlin库，但是我想从TypeScript中使用它。是否有办法使Kotlin从其公开的接口生成.d.ts文件？我是不是走对了路？
浏览 2提问于2017-03-01得票数 43
回答已采纳
2回答
下面是关于在TypeScript接口(Javascript)中定义构造函数签名的问题，尽管最终它变成不可用。然而，这在目标-c中是可能的，在其他地方也是很好的。
我有一组数据对象类，所有这些类都将通过带有json字符串参数的公共构造函数使用。当我选择TypeScript作为一个有编译器的工具并帮助我更早地发现错误和问题时，我如何在接口中定义一个构造函数，然后在类中实现它呢？
interface IParsable {
//constructor(json : string);
new (json : string);
}
class UserObject implements IP
浏览 0提问于2015-01-05得票数 3
1回答
我在RegisterAsyncJsObject CefSharp ChromiumWebBrowser注册了一所学校。这将在web浏览器中创建一个额外的JavaScript对象实例，如下所示：
frame.openWindow(name, data);
frame.navigateToWindow(name, data);
它非常适合普通的JavaScript。我能够访问这个对象，这些方法完成了他们的工作。
现在我想用TypeScript针对这个对象进行编程，但是TypeScript编译器不知道该对象的类型。我试图为该对象创建一个类型定义文件，但它并不真正有效。看来，如果我导入定义/声明，无论
浏览 4提问于2017-02-16得票数 0
回答已采纳
1回答
我试图用一个额外的方法扩展jQuery不显眼的验证接口，但出于某种原因，它根本不会获得接口。下面的代码片段是我尝试在TypeScript操场上作为测试运行的一个简单片段，但它声称它“无法找到名称'Validator'"，这很奇怪，因为这个代码片段遵循在TypeScript中增强类型的一般语法，而且在这个中使用的语法与完全相同。
interface Validator {
parseDynamicContent: (selector: string) => void;
}
Validator.prototype.parseDynamicContent =
浏览 3提问于2015-08-07得票数 0
我正在尝试使用AngularJS 1.5和TypeScript 1.7创建一个指令，这样我就可以进行一些自定义表单验证。
，但在扩展ng.INgModelController时，类型记录给了我一个“类型签名缺失”
interface IOneItemRequiredValidator extends ng.INgModelController {
$validators: {
oneItemRequired(modelValue: any, viewValue: any) : boolean;
};
}
我检查了$validators，它是IModelValid
浏览 0提问于2016-06-29得票数 1
回答已采纳
2回答
我有个TypeScript问题要问你。我想知道如何在useState中“指定”一个对象，其中包含输入的id、标题、带有接口的文本等属性。
见下面的代码：
import React, { useState, useEffect } from "react";
interface SinglePostProps {
match: any;
}
interface SinglePostState {
id: number;
heading: string;
text: string;
}
const Post: React.FC<SinglePostPro
浏览 0提问于2019-12-09得票数 2
回答已采纳
4回答
我想为这样的json结构声明一个TypeScript接口：
{
404: function() { alert( "page not found" ); },
400 : function() {...}
}
键是number，值是函数，您知道如何在TypeScript中为这样的数据约束声明接口吗？
浏览 5提问于2015-10-15得票数 4
回答已采纳
我有一段TypeScript代码，我很难理解。我对TypeScript相当陌生。
export const TerminalWidgetOptions = Symbol("TerminalWidgetOptions");
export interface TerminalWidgetOptions {
endpoint: Endpoint.Options,
id: string,
caption: string,
label: string
destroyTermOnClose: boolean
}
有人能告诉我上面的代码到底发生了什么吗
浏览 0提问于2018-04-12得票数 16
回答已采纳
我有一个Vue项目，在其中我创建了一个新的、普通的TypeScript文件Validation.ts
import Vue from 'vue';
import BaseInput from '@/components/base/BaseInput.vue';
class ValidationService extends Vue {
validateFields(fields: BaseInput[]): boolean {
return this.$store.state.skipValidation || fields.map(field =
浏览 4提问于2020-09-17得票数 3
回答已采纳
我有一个演示
这是使用typescript的React中的一个简单的待办事项应用程序。
我正在尝试定义typescript中的道具。
我在Todo组件中有一个接口，用于传入的props
如果我试图访问Todo组件中的文本，我得到一个错误消息：
Property 'text' does not exist on type 'string'.
如何使用typescript正确定义道具
浏览 16提问于2019-11-25得票数 1
回答已采纳
我正在尝试创建一个TypeScript redux还原器，它接受一个actionType作为一个关键值，但是我很难为我的状态定义合适的接口。在这样做时，我会收到以下信息：
TS7053:元素隐式具有'any‘类型，因为类型'string’的表达式不能用于索引类型'SampleState‘。在“SampleState”类型上没有发现参数为“string”的索引签名。
当我的减速机接收到actionType时，我如何正确地键入检查它？谢谢，您可以看到下面的示例代码。
sampleActionTypes.ts:
export const FOO = '
浏览 0提问于2019-08-21得票数 0
回答已采纳
考虑以下TypeScript示例：
interface MyInterface{
Prop1: string;
Prop2: number;
Prop3: string;
}
const myVar = "Prop4" as keyof MyInterface;
在Visual Studio2017中运行此代码，Visual Studio code和在Playground中成功编译(TypeScript 2.9.2)；字符串值没有针对MyInterface进行类型检查，但VS和VSC都将MyInterface的3个属性显示为IntelliSense建议
浏览 1提问于2018-07-31得票数 2
回答已采纳
我想要有这样的功能：
createEntity<TEntity>(): TEntity {
return new TEntity();
}
在C#中，我们可以写：
void TEntity CreateEntity<TEntity>() where TEntity : new()
我如何在TypeScript中做到这一点？
浏览 6提问于2016-01-09得票数 18
回答已采纳
我想输入一个名为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中定义一个需要如下命名函数的类型：
type Foo = {
bar(a: string): number
}
// or
type Foo = {
bar: (a:string) => number
}
但是，使用第一种方法也可以定义一个函数，而不使用这样的名称：
type Foo = {
(a: string): number
}
TypeScript编译器在这里没有抱怨，但我不知道如何创建与此类型签名匹配的对象？尝试这样的操作不能编译：
let f: Foo = {
(a: string) => 2
}
所以问题
浏览 23提问于2020-02-11得票数 3
回答已采纳
1回答
可能重复：
我目前正在学习TypeScript，并想知道如何向现有对象添加功能。假设我想将Foo的实现添加到String对象中。在JavaScript中，我会这样做：
String.prototype.Foo = function() {
// DO THIS...
}
了解TypeScript类、接口和模块是开放的，因此我尝试了以下方法，但没有成功
1.参考来自JavaScript的TypeScript实现
JavaScript:
String.prototype.Foo = function() {
// DO THIS...
}
浏览 4提问于2012-12-16得票数 54
回答已采纳
假设我有两个类(或更多)。一个作为数据库实体，一个作为json约束。因为数据库实体将属性设置为外键，因此属性是对象。但在json的情况下，该属性只是一个字符串类型。
interface A {
title: string
catalogue: string
}
数据库实体类需要目录作为对象，因为CatObj包含其他信息，如id、名称等。
class AEntity implements A {
public title: string
public catalogue: CatObj
}
json格式
const aJson: A = {
title:
浏览 0提问于2018-02-24得票数 0
回答已采纳
我有几个具有不同参数签名的函数： function foo(a: number) {...}
function bar(a: string) {...}
... 我需要创建一个TypeScript接口(或类型)来捕获以下内容： interface MyInterface {
method: typeof foo | typeof bar;
args: Parameters<foo | bar>;
} 这样，如果提供的method是foo，TypeScript将在args为[string]时发出警告，因为它应该为foo使用[number]。同样，如果method是bar
浏览 10提问于2021-05-06得票数 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
在asp.net ajax应用程序中，我的JS有一点问题。我在TypeScript文件中有很多JS代码。这使得编写像我这样具有有限JS经验的人变得容易得多。
不过，我也使用MS ASP.NET ajax提供的$find()方法。我这样做是因为我在我的应用程序中使用了Telerik RadDock，这是我在JS中操作RadDocks的唯一方法。
我在JS中更改标题、关闭和打开它们。
现在，我希望将所有代码放在我的TypeScript文件中，但不幸的是，它无法识别函数$find()。
因此，每次我需要使用$find()函数时，我都会创建一个新函数，并将其直接放入aspx页面中，然后在内部从我的ty
浏览 0提问于2013-05-31得票数 2
回答已采纳
我不明白这个错误信息造成的。
我的组件有两个和一个数据数组，其中有对象。
我收到了一条错误消息：“不要使用object作为类型，object类型目前很难使用”。
我该怎么解决?？
我附加了数组中有对象的数据。
first.tsx...
import { dataList } from './xxx';
// This dataList ===
export const dataList = [
{
id: 1,
title: "text",
hidden1: "text",
},
{
id: 2
浏览 0提问于2020-11-23得票数 5
回答已采纳
1回答
如何克隆CDK资源？
、、、
假设我在TypeScript中使用AWS。是否有一种方法可以定义一个函数，该函数将资源作为参数，并使用经过调整的参数创建克隆？
或者，CDK构造是否允许提取它们的所有属性，以便我可以在一个新的构造函数中使用它们？
也许有一个TypeScript技巧可以实现这一点？我对语言不太熟悉。
更具体地说，我想用IAM角色来做这件事。
(以下是非常伪码-y)
const role = new iam.Role(this, 'CloudWatchLogsLoggingRole', {
...
});
makeRoleVariant(role)
makeRoleVariant(ro
浏览 5提问于2022-02-08得票数 1
4回答
我想通过myForm.elements访问表单元素，然后按名称访问每个元素，例如myForm.elements.month。Typescript不喜欢这个b/c，它不知道form.elements包含month属性。我想，让我们创建一个界面吧！所以我这样做了(参见下面的代码)，但是我得到了这个typescript错误：Neither type 'HTMLCollection' nor type 'FormElements' is assignable to the other
下面是我正在使用的代码：
interface FormElements {
d
浏览 3提问于2015-04-28得票数 5
我有一些JavaScript代码，我正在尝试将其转换为Typescript。
据推测，typescript是JavaScript的超集，除了以下代码有编译器错误。假设我没有将ko库导入到typescript中，我该如何转换以下代码：
(function(ko, viewModels){
viewModels.MyViewModel = function(){
//stuff in here
}
}(ko, window.viewModels = window.viewModels || {}));
作为参考，这是我在TypeScript中的尝试
module v
浏览 2提问于2012-10-08得票数 3
回答已采纳
1回答
最近，我开始将React与TypeScript结合起来。我在使用重新组合生命周期方法时遇到了问题。在componentDidMount中，我得到了一个错误“属性‘增量’在类型‘{}’上不存在”。我知道这是一个类型问题，但我对TS没有多少经验。在哪里添加类型来解决这个问题？这是我的代码：
import React, { ComponentType } from 'react';
import { createStore, combineReducers, Store, Action, Reducer } from 'redux';
import { connect
浏览 0提问于2018-06-30得票数 2
我正在尝试创建一个使用angular2的web应用程序。build.gradle中负责编写打字本并将其添加到战争中的部分如下：
public class TsCompileTask extends DefaultTask {
File projectDir;
@OutputDirectory
File outputDir;
@TaskAction
void compile() {
println "compiling TypeScript files..."
project.exec {
浏览 2提问于2017-03-12得票数 0
回答已采纳
我正在将JavaScript项目移植到TypeScript，并且不确定如何组织相关实体(类型/接口/类)。
下面是我正在考虑的不同方法。
前缀为类名为的所有接口
interface IFooOptions {}
class Foo {
constructor(options: IFooOptions) {}
}
// usage
var foo = new Foo({});
创建一个模块：
module Foo {
export interface IOptions {
// ...
}
export class Foo {
constructor(opt
浏览 1提问于2015-03-10得票数 2
回答已采纳
我想从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回答
在angular1中，我们只有提供程序字符串的令牌类型。在angular2中，我看到的所有示例似乎都在使用类标记。例如：
class Car {}
var injector = ResolveInjector.resolveAndCreate([
{ provide: Car, useClass: Car },
^^^
{ provide: Engine, useClass: Engine }
]);
我想知道有效的令牌类型是什么？它们可以基于TypeScript数据类型还是JavaScript数据类型？当解析依赖项时，角化。那么，在元数据中有效的令牌类型是
浏览 1提问于2017-01-16得票数 1
回答已采纳
我想知道如何在TypeScript中向枚举添加描述属性。我想创建如下枚举(或类似的东西)：
public enum Sample
{
[Display(Name = "Blah V")]
V,
[Display(Name = " Blah IV")]
IV,
[Display(Name = " Blah III")]
III,
}
为了能够对此类枚举执行基本操作，我将创建通用EnumHelper。这个helper类应该包含允许的方法:获取一个description值，获取名称和数字值。问题是如何
浏览 52提问于2018-06-10得票数 17
回答已采纳
所以我有一个实体组件系统，基本上当您将一个组件对象添加到一个实体中时，它会将所有方法绑定到实体对象。
class Component {
constructor(){}
componentMethod() {
console.log('component method called');
}
}
class Entity {
constructor(){}
addComponent(component) {
Object.getOwnProperties(component).forEa
浏览 1提问于2019-07-07得票数 0
回答已采纳
在我的typescript项目中，我使用eslint。下面的文件在根目录中，我还有两个子文件夹/dist和/src。
eslintrc.js
module.exports = {
root: true,
parser: '@typescript-eslint/parser',
parserOptions: {
tsconfigRootDir: __dirname,
project: ['./tsconfig.json'],
},
rules: {
strict: 'error',
semi: [
浏览 2提问于2020-07-27得票数 35
在试图找到将http调用的json响应转换为TypeScript类/接口的最佳方法时，我在上找到了这个代码片段。
getTeachers(): Observable<Teacher> {
return this.http.get('someUrl')
.map((res: Response) => res.json())
}
看起来不错，但我不明白它是怎么工作的。
为什么没有强制转换语法将泛型any类型的res.json()转换为更具体的类型Teacher？
为什么建议Teacher是TypeScript interface而不是TypeS
浏览 4提问于2016-06-20得票数 3
回答已采纳
1回答
我在我的项目中有一个错误渲染器函数。它创建了两个函数 res.errorJson // Will only send a JSON body to the client
res.error // Will send an HTML error if the client is a browser. Otherwise we'll send json 在您询问之前，是的，我确保为这两个函数添加了类型 express.d.ts res.error有两个参数，第一个是状态码，第二个是我们想要在响应中发送的参数。 这是我的errorOptions界面 // res.error(statusc
浏览 22提问于2021-02-26得票数 0
回答已采纳
我有一个不是基于行的数据的文件。它是一个包含多个表的文本文件。为了创建一个项目，我需要从几行中获取数据。实际上，在我的例子中，一个文件对我来说是一个记录，我必须从几行中提取数据来填充item对象。示例：
class DataItem {
private String price;
private String quantity;
//Getters and setters
}
输入文件类似于：
Price Data
========================
Price : 150$
Quantity: 4000
-------------------------
浏览 0提问于2018-01-21得票数 2
回答已采纳
我是TypeScript的新手，在我的机器上成功安装了它之后，我在TypeScript的正式文档页面中发现了一句话“是记录函数或变量的预期契约的轻量级方法”。
在TypeScript中的函数或变量的上下文中解释的契约一词是什么。
我看过的例子是：
function greeter(person: string){
return "Hello, " + person;
}
var user = "Jane User";
document.body.innerHTML=greeter(user);
这与函数变量person附带的字符串注释有关吗？
在这方面
浏览 5提问于2016-07-24得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
