如何为Typescript上的字符串键入点符号
为Typescript上的字符串键入点符号，可以使用索引签名来实现。
索引签名允许我们使用字符串作为对象的键，从而可以通过点符号来访问对象的属性。在Typescript中，我们可以使用索引签名来定义一个接口或类型，使其具有动态属性。
以下是一个示例：
interface MyObject {
[key: string]: any;
}
const myObject: MyObject = {
name: "John",
age: 25,
};
console.log(myObject.name); // 输出 "John"
console.log(myObject.age); // 输出 25在上面的示例中，我们定义了一个名为MyObject的接口，它具有一个索引签名[key: string]: any。这意味着该接口可以接受任意字符串作为键，并且对应的值可以是任意类型。
通过将对象声明为MyObject类型，我们可以使用点符号来访问对象的属性，就像访问普通对象一样。
这种方法适用于需要动态添加属性的情况，例如处理来自外部源的数据或动态配置对象。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
我正在为现有的节点库编写一个TypeScript定义文件，它使用构建节点模块(如http和events.EventEmitter )作为参数。
我的问题是如何为这个库编写一个定义文件？我试图将这些模块从node.d.ts复制到我自己的定义文件中，但我不认为这是个好主意。
浏览 6提问于2016-03-23得票数 6
回答已采纳
我对type typescript/javascript/angular是一个全新的认识，我正在阅读一些我经常遇到的以下类型的教程：
class Point {
constructor(x, y) {
this.x = x;
this.y = y;
}
toString() {
return `(${this.x}, ${this.y})`;
}
}
现在，我的问题是，这些都是身体上的倒计时，我看到的其他东西都是用的“和‘我认为它们在功能上是一样的，这两个也是真的：
` == '？
` === '？
或者，这是一个棱角分明
浏览 1提问于2018-05-31得票数 0
回答已采纳
我是TypeScript的新手。我知道如何为某些类型设置interface (我想)。但是似乎不能理解Object类型是如何工作的？ interface MyProps {
defaultgreeting: 'Hello'
}
interface MyState {
greeting: string
}
class MyApp extends Component<MyProps, MyState> {
constructor(props: any) {
super(props);
this.state:
浏览 16提问于2019-04-11得票数 3
目前在更新文档的特定字段时，我们可以使用点符号语法。但不幸的是，它是一个字符串，这使得它不能利用typescript的功能。
await admin.firestore().doc("users/123").set({ 'address.street' : 'street name' }, {merge : true});
在这里，user有一个定义了属性的类，但是这里没有办法确保address.street是User类的有效密钥路径。
有没有办法强制执行类型检查，以便typescript编译器在传入点符号时使用错误的属性键时抛出错误？
PS:这
浏览 0提问于2020-06-23得票数 1
我想使用托管一个LDAP服务器。遗憾的是，目前还没有关于TypeScript的文档。所以我在@types/nodejs中找到了类型，但是没有服务器方法：
import ldap = require('ldapjs')
let server = ldap.createServer()
这在VS代码中给出了一个错误，即不存在名为createServer的方法。仅显示createClient。另外，Typings包中的index.d.ts只包含一个Client接口：
export interface Client extends EventEmitter { // ...
如何为服务
浏览 4提问于2018-11-04得票数 0
我正在浏览一些旧代码，在这里我遇到了下面的代码片段：
let isNew: boolean = null
let myName: string = undefined
代码片段意味着typescript允许类型为boolean的isNew接受null，而允许string类型的myName接受undefined？
这是否意味着空和未定义在typescript 中被归类为其他类型的子类型？
如果我错了，请纠正我。需要建议和明确！
浏览 1提问于2020-11-17得票数 0
在TypeScript中，我可以选择这样的地图：
{[key:number]string}
作为一个映射的例子，其键是数字和值字符串。但我也可以这样做：
Map<number, string>
为什么我们有两种方法来做同样的事情，它们之间有什么区别呢？
浏览 5提问于2020-06-30得票数 2
回答已采纳
完全错误：
Not all constituents of type 'T | ((value: SetStateAction<T>) => void)' are callable.
Type 'T' has no call signatures.
摘要：
我正在尝试创建一个useStateIfMounted自定义钩子。它运行得非常好，但我似乎无法为TypeScript正确地键入它。钩子很好，但是调用方在尝试调用setState()时会得到错误。我应该如何键入useCallback()，这样我才能得到类型记录的良好的打字系统。args应该与正常
浏览 8提问于2022-07-27得票数 0
回答已采纳
1回答
在TypeScript中符号的含义是什么？它来自Java，与接口声明一起使用似乎有点多余。为什么要在TypeScript中设置符号？即以下代码段：
export const RawProcessOptions = Symbol("RawProcessOptions");
export interface RawProcessOptions extends ProcessOptions {
}
浏览 13提问于2018-08-21得票数 1
回答已采纳
1回答
我正在将一个旧的锈蚀应用程序的部分转换为TypeScript，在此过程中，我在Rust程序中发现了这一点：
seed | 0x80000000u32
虽然，这在TypeScript中不起作用(我想是因为TS如何拥有Number对象而不是u8、u32、u64.)并产生了这些毫无成果的结果：
Cannot find name 'u32'
我尝试过诸如转换之类的东西，比如数字上的>>> 0，然后使用位OR运算符，尽管没有得到任何结果。我可以在TypeScript中预置这个操作吗？如果不是的话，还有其他的工作要做吗？
TypeScript代码
// fog.ts ~
浏览 18提问于2022-10-04得票数 0
回答已采纳
1回答
我正在用TypeScript编写一个，到目前为止一切都很好，但是下面的部分会引发一个错误：
export interface Country {
name: string;
cities: Record<string, string>;
}
错误是：
3:13 error 'Record' is not defined no-undef
我的类型记录使用工作区版本，而不是VS代码的版本。另外，当我在cmd+click上使用Record时，我可以转到它的定义，它在lib.es5.d.ts文件中
type Record<K extends k
浏览 2提问于2021-03-17得票数 8
1回答
在AWS中，我想定义一个CodeBuild项目，它将在每次CodeCommit中打开或更新拉请求时运行。我这样做是为了能够在合并到主分支之前对我的测试和构建进行验证。
如何为与拉请求关联的分支运行此CodeBuild项目？
下面是我的代码：
import { Repository } from 'aws-cdk-lib/aws-codecommit';
import { BuildSpec, Project, Source } from 'aws-cdk-lib/aws-codebuild';
import { CodeBuildProject } from &
浏览 17提问于2022-01-12得票数 1
回答已采纳
1回答
将列表传递给QR生成器
、、、
我是用flutter编程的新手，我正在尝试创建一个披萨应用程序。首先，你制作披萨，选择配料，然后你会得到一个订单列表。列表和qr生成器也可以工作，但它们来自不同的教程，我在连接它们时遇到了问题。我似乎无法将订单列表传递给生成器。 import 'package:flutter/material.dart';
import 'package:qr_flutter/qr_flutter.dart';
import 'package:flutter/services.dart';
import 'dart:async';
import
浏览 21提问于2019-03-12得票数 2
我有个问题。JavaScript不识别大括号内的代码：
let a = 'John'; let s = 'Hello ${a}'; // output: 'Hello ${a}' instead of 'Hello John'
我已将打字本更新为最新版本：npm install typescript@latest
浏览 4提问于2021-11-21得票数 1
回答已采纳
我要检查我的文本框输入数据是否包含符号。我已经实现了这一点
public static Boolean NumericTextBox(object sender, KeyRoutedEventArgs e)
{
bool isTrue = false;
//string _dot=".",_comma=",",_staric="*",_and="&",_power="^",_dollar="$",_percentage="%";
string[] sy
浏览 2提问于2014-08-05得票数 0
回答已采纳
我正在将一个React项目转换为使用TypeScript，并且我有一个Icon组件，它接受一个字符串，但应该是一个有效的CSS类名。
我用React的PropTypes处理这件事的方法是
Icon.propTypes = {
icon: oneOf(Object.keys(css)).isRequired,
}
是否有一种方法可以在TypeScript中实现相同的功能，而不必在字符串文本类型中键入每个类名？
interface Props {
icon: "class1" | "class2" | ...
}
浏览 5提问于2017-06-01得票数 0
回答已采纳
如何使用安卓手机运行TypeScript程序？有什么应用程序可以在Android上脱机运行TypeScript程序吗？
浏览 3提问于2021-01-08得票数 0
回答已采纳
1回答
假设我有以下功能：
function repeat(times: number, cb: (index: number) => any) {
for (let i = 0; i < times; i++) {
cb(i);
}
}
repeat(3, (i) => console.log(i)); // logs 0 1 2
我希望能够在编译时断言调用回调的次数的给定数字是一个整数。我知道，您可以通过接受一个bigint来实现这一点，但是，我不想让数字大于常规的number限制，因为函数很可能甚至没有完成。当所提供的数字不是整数时，是否存在T
浏览 2提问于2022-03-30得票数 2
我能想到的唯一解决方案是检查哪个字符正在被按下，然后在屏幕上显示该字符。然而，这让我觉得这真的很累人，而且通常是一个糟糕的解决方案。不过，我想不出其他的解决方案。我考虑过使用windows消息循环而不是DirectInput，但我仍然必须逐个字符地检查(除非我误解了什么)，所以看起来我也会有同样的问题。
有谁有什么想法吗？
浏览 2提问于2012-05-08得票数 0
const data = {
"a": "111",
"b": "222"
}
for (let key in data){
console.log(data[key]); // TypeScript error here
}
错误：
元素隐式具有'any‘类型，因为类型'string’的表达式不能用于索引类型{ "a"：string；"b"：string；}‘。在类型'{ "a"：string；"b"：st
浏览 2提问于2019-08-08得票数 0
回答已采纳
字典通常用于通过字符串标识符来有效地测试元素的存在。如果结果为undefined，则不存在。内存缓存就是一个很好的例子：
/**
* Cache of normalized data
*/
export interface IDataNormalizationsCache
extends Record<NormalizationMethod, ILeanTrainingData | undefined> {}
/**
* A dictionary which caches all performed varieties of data normalizations.
浏览 3提问于2018-08-04得票数 0
回答已采纳
在TypeScript 4.4.3中，如何使下面不正确的字符串'c'显示类型错误(因为它不是作为doSomething方法的第一个参数的对象的键之一)？
const doSomething = ({ a, b }: { a: number, b: string }): boolean => {
return a === 1 || b === 'secret'
}
type SomethingParameterName = keyof Parameters<typeof doSomething>[0]
const orderedParam
浏览 1提问于2021-10-15得票数 1
回答已采纳
我希望typescript将其报告为错误：
const map: { [key: string]: string } = {};
const value = map[1]; // 1 is not a string...
为什么typescript在这里没有抱怨？
浏览 0提问于2018-07-26得票数 2
我使用TypeScript从模板化的string生成一些DOM元素。现在我知道，在普通的旧javascript + JQuery中，您可以做：var domObj = $(myString)或使其更加明显：var comObj = $('<div></div>');和它的工作方式就是这样的。
我一直试图对TS做同样的事情，我总是遇到一些错误，告诉我它不能说要使用哪种重载。
还有其他方法来做我想做的事吗？能在TS中完成吗？
编辑：
我面临的问题不是如何从JQuery中使用TypeScript，而是关于我想要将string变量加载到JQuery对象的一个特定
浏览 2提问于2017-01-30得票数 1
回答已采纳
我正在尝试将Vue中用于处理i18n的自定义钩子从JavaScript移动到TypeScript，但始终得到以下错误：
Element implicitly has an 'any' type because expression of type 'string' can't be used to index type 'Languages'. No index signature with a parameter of type 'string' was found on type 'Languages'
浏览 2提问于2021-02-16得票数 0
回答已采纳
我今天第一次看到这个。这三个点的名字叫什么?它是干什么用的？我的猜测是帮助提高可读性。下面是我看到的例子：
g = """
... S -> NP VP
... PP -> P NP
... NP -> Det N | Det N PP | 'I'
... VP -> V NP | VP PP
... Det -> 'an' | 'my'
... N -> 'elephant' | 'pajamas'
... V -> 'shot'
浏览 4提问于2015-10-11得票数 3
在下面的代码中，TypeScript似乎轻率地决定了类型何时可以通过字符串进行索引：
type Model = { [k: string]: any };
export class MyClass<TModel extends Model> {
get(target: TModel, key: string) {
return target[key]; //passes
}
set(target: TModel, key: string, value: any) {
target[key] = value; //ts(
浏览 8提问于2022-10-22得票数 0
♯♭
我看到了这两个符号，我把它复制了下来。尝试执行任何html实体或特殊字符。但是我没有得到任何结果，我在谷歌上也找不到任何信息，因为这不是一个可搜索的符号，谁能解释这个扁平而尖锐的音乐符号是如何存在于哪种标准中的？以及如何键入或生成它们和任何兄弟项？
♯♭♪♬♫
浏览 2提问于2011-06-29得票数 3
回答已采纳
我希望typescript能够检测到函数何时会返回未定义的值并向我发出警告。我尝试了以下操作，但typescript站点上的游乐场编辑器没有显示任何警告
class Test {
get(key: string) :string{
var hash = {'some-key': 1, 'some-other-key': 3};
return hash[key]
}
}
当一个函数有时会返回一个未定义的值，而你显式地声明它应该只返回某个特定的类型时，是否有可能让typescript发出警告？
浏览 0提问于2013-04-17得票数 3
我对TypeScript有些陌生，在TypeScript网站上读过一些文档，但我不确定我是否理解正确。在这个场景中，我使用的包没有可用的TypeScript类型(prismic-reactjs)，因此我尝试自己声明类型，这样我就可以摆脱困扰我的项目的错误。
那么，作为一个基本的例子，我该如何为这样一个函数编写声明：
const foo = ({ bar }) => {
return bar;
};
foo.baz = () => "string";
我可以做到这一点：
declare module "my-module" {
inte
浏览 17提问于2020-05-08得票数 1
回答已采纳
5回答
我正在学习C++，但我遇到了一个我不明白的错误。
这是我的源代码，包括评论(我正在学习的个人参考)。
#include "stdafx.h"
#include <iostream>
using namespace std;
int main()
{
float h; //a float stands for floating point variable and can hold a number that is a fraction. I.E. 8.5
double j; //a double can hold larger fractional numb
浏览 13提问于2010-10-31得票数 1
1回答
打字稿对象模式？
、、
我刚刚启动了TypeScript，我想知道如何为这种类型的对象声明接口：
const branch = {
'CN': {
'name': 'CN Name',
'branch': 'Chinoise',
'url': 'CN URL'
},
'DE': {
'name': 'DE Name',
'branch': 'Allemande',
&#
浏览 1提问于2017-10-26得票数 0
回答已采纳
我正在使用带有TypeScript的react-router v5.1，并具有以下路由配置：
<Router basename="/" hashType="slash">
<Switch>
<Route path="/token/:tokenName">
<TokenPage />
</Route>
</Switch>
</Router>
我尝试使用useParams钩子访问组件中的url参数
浏览 0提问于2019-11-28得票数 44
回答已采纳
我想试用一下我的应用程序。我基于来自这个网站的信息
但它是为c#用户编写的。我的应用程序是用vb.net语言编写的。
在使用vb.net制作应用程序时，有4个选项卡(应用程序、调试、编译、引用)，而使用c#制作应用程序时，您可以在图像上看到这5个选项卡。当我的应用是基于vb语言的时候，我不知道怎么做这5个步骤…
我发誓我不会再做基于vb.net的应用了.
浏览 0提问于2012-11-05得票数 0
回答已采纳
根据TypeScript文档，扩展已经存在的接口就像用新属性重新声明它一样容易，然后为这些属性提供实现。我已经习惯了这种技术，可以多次将静态方法扩展添加到本机JavaScript对象。然而，这并不适用于成员函数。
例如( )
interface Number {
toPowerOf10: () => string;
}
Number.prototype.toPowerOf10 = (): string => {
return this.toExponential();
}
var n: Number = 10000;
n.toPowerOf10();
上面的代码编译得
浏览 6提问于2015-09-01得票数 7
回答已采纳
1回答
我看到了一个红宝石脚本，它定义了这样的哈希数组：
boxes = [
{ :name => "playground", :ip => "19" },
{ :name => "elkstack", :ip => "22" },
{ :name => "audit", :ip => "23" }
]
我不太确定这是否是定义散列的正确方法。我认为您更愿意像这样定义这些散列：
boxes = [
{ "name
浏览 2提问于2015-08-25得票数 0
回答已采纳
const CreateTweet = () => {
const [textInput, setTextInput] = useState();
const [tweets, setTweets] = useState();
const userInputHandler = (e: any) => {
setTextInput(e.target.value);
};
const submitTweetHandler = (e: any) => {
e.preventDefault();
setTweets([...tweets
浏览 147提问于2020-12-20得票数 0
我正在做一个项目，我导出WhatsApp聊天并在TextView中设置。聊天中使用的表情符号是实际的WhatsApp表情符号，但当我在TextView中设置它时，它显示为Android依赖于设备。
问题:如何在TextView?中设置什么应用程序表情符号
Try:我所能找到的就是如何为自定义键盘**制作自定义键盘和库(除非这是唯一的选项，否则我不想制作自定义的表情符号键盘)**但我不会发送任何数据。我只是在获取数据并在TextVeiw中设置，我想知道是否有人可以进行指导。
，
浏览 5提问于2019-03-25得票数 9
回答已采纳
为什么TypeScript不缩小数组的类型？
function test(input: (string | number)[]): string[] {
// The type of .map(...) reports that it returns string[].
input = input.map(x => x.toString())
// Type error: Type '(string | number)[]' is not assignable to type 'string[]'.
return input
}
解决方法并
浏览 3提问于2021-08-25得票数 2
回答已采纳
我已经安装了VS代码，并希望创建一个简单的快速应用程序。
我的代码现在看起来就像这样：
import express from "express"
const HTTP_PORT = 1*process.env.PORT || 66600;
const app = express()
app.listen()
当我在process.env上悬停时，我只得到了any，而不是{[name:string]:string}之类的。甚至process本身也是any类型。当我悬停app时，我只得到Function，没有listen、get等东西的提示。
我安装了这些扩展：
Ja
浏览 5提问于2022-08-19得票数 0
回答已采纳
我正在使用VSCode编写一个typescript-language-features语言扩展。作为扩展的一部分，我想注册一个提供语法帮助的悬停提供者(使用)。
我怀疑选择上下文相关建议的最佳方法是评估光标下文本的当前。我的提供者可以使用这个范围吗？如果是的话，您能建议一种访问它的方法吗？
谢谢!
浏览 16提问于2022-05-09得票数 0
在http://chiselapp.com/user/schelte/repository/fsdialog/wiki?name=matchbox+manual+page上有一个叫做ttk::matchbox的ttk::combobox增强 但是没有关于如何为-matchcommand编写代码的文档。 有人能教我怎么做吗？
浏览 12提问于2020-06-27得票数 0
我正在尝试使用typescript云函数并在其中使用ESlint，但我想将未使用的变量设置为仅作为警告，而不是标记为错误。我不知道如何在我的云函数项目中配置它，在我的.eslintrc中总是出现这样的错误，请帮助 ? ? 这是我的.eslintrc配置 module.exports = {
root: true,
env: {
es6: true,
node: true,
},
extends: [
"eslint:recommended",
"plugin:import/errors",
浏览 24提问于2021-01-24得票数 1
回答已采纳
如何使用Typescript版本3.2和更高版本将.ts文件编译为.js文件，因为tsc.exe在版本3.2和更高版本中不存在。
我们正在使用tsc.exe编译我们项目中的所有.ts文件，但是在迁移到TypeScript3.2或更高版本时，不确定如何做同样的事情。
下面的博客讨论了从typescript 3.2版本和更高版本到tsc.exe的缺失-
如果在命令提示符- C:\ Typescript \ 3.1 \tsc Hello.ts上运行，则此代码适用于Typescript版本3.1
但由于缺少tsc.exe，因此它不适用于Typescript版本3.2和更高版本
浏览 34提问于2019-10-20得票数 0
1回答
我被卡住了。我已经有了这个getFormData函数，我想知道是否有可能将它的结果对象类型化？就像我想知道的那样，基于fields输入，将有name和isChecked键，它们将具有字符串和布尔值。我甚至不确定这是否可能。请让我知道你的想法？干杯! interface Input {
type: 'text';
name: string;
value: string;
}
interface Checkbox {
type: 'checkbox';
name: string;
value: boolean;
浏览 24提问于2019-12-12得票数 0
回答已采纳
根据教程，这是我第一次尝试使用typescript设置节点。下面的代码导致了对app.listen函数的错误建议(见下图)。 import express from 'express';
const app = express();
app.listen(3000) ? 第一个参数应该是一个端口。虽然我还在输入函数名，但这反映在建议中： ? 将app类型指定为express.Application无济于事。 我已经安装了@types/express、@types/node、ts-node和typescript作为开发依赖项。在tsconfig.js中，我有
浏览 19提问于2021-10-14得票数 0
回答已采纳
1回答
我不知道为什么这些人物是不同的，因为他们似乎是相同的视觉。它们是同一角色的不同表现吗？或者实际上是不同的角色？是否有一种方法可以检查它们是否相等，从而导致True
>>> s = u'\u2022'
>>> ss = '•'
>>> s == ss
False
>>> print u'\u2022' , '•'
• •
>>> ss = unicode(ss)
>>> ss == s
False
>>>
浏览 10提问于2017-07-26得票数 1
回答已采纳
我设置了一个多包项目，其中有一个依赖于TypeScript库的JavaScript包。最初，我安装了Sinopia，并在每次对其进行更改时重新安装库。然后我看到了npm link，并认为它会更容易开发。不幸的是，当我链接库(使用npm link ../typescript-package)并构建时，它给出了一个错误：
ERROR in ../typescript-package/dist/index.js
Module build failed: Error: No ESLint configuration found.
由于它们是单独的包，我不太确定为什么Webpack要将eslint应用到
浏览 0提问于2018-01-24得票数 15
我试图在类型记录无服务器配置中使用布尔变量，但我似乎无法正确地理解语法。
从文档中，我认为我应该使用，但我似乎无法创建一个可解析的TypeScript文件。
我的语法是错的，还是我只是说错了？
tracing: {
apiGateway: ${strToBool(${self:custom.AwsXRayEnabled.${opt:stage})},
},
浏览 0提问于2021-05-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
