从另一个变量Typescript的属性获取类型
是指通过访问一个对象的属性来获取该属性的类型。在Typescript中，可以使用typeof操作符来实现这个功能。
具体步骤如下：
- 定义一个对象，例如：
- 定义一个对象，例如：
- 使用typeof操作符来获取属性的类型，例如：
- 使用typeof操作符来获取属性的类型，例如：
- 在上述示例中，NameType的类型为string，AgeType的类型为number，IsStudentType的类型为boolean。
这种方式可以在编译时期获取属性的类型，从而提供更好的类型安全性和代码提示。它在以下场景中特别有用：
- 当你需要根据对象的属性来定义其他变量或函数的类型时。
- 当你需要根据对象的属性来进行类型检查或条件判断时。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性、安全、稳定的云服务器实例，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，支持自动备份、容灾、监控等功能。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ailab
- 腾讯云物联网平台（IoT Hub）：提供全面的物联网解决方案，包括设备接入、数据管理、消息通信等功能。详情请参考：https://cloud.tencent.com/product/iothub
- 腾讯云移动应用开发平台（MADP）：提供一站式移动应用开发服务，包括应用构建、测试、发布等环节。详情请参考：https://cloud.tencent.com/product/madp
相关·内容
2回答
type DateFormat = {
year: "numeric";
}
function calculateDate (dateFormat: DateFormat) {
/**
*
*/
}
const format = {
year: "numeric"
}
calculateDate(format)
目前在Typescript 4.2中，format的推断类型定义为：
{
year: string;
}
这与函数调用(calculateDate)中预期的类型别名DateFormat不匹配，因为类型stri
浏览 8提问于2021-02-24得票数 1
1回答
我动态加载我创建的模块，如下所示：
myModule.ts
export class SomeClass {
...
}
export type SomeType = {...}
在另一个文件中，我这样做：
import * as MyModuleType from "./myModule"
if(...) {
let loadedModule: typeof MyModuleType = require("./myModule");
...
}
MyModuleType的类型同时具有SomeClass和SomeType (如预期)。而loadedMo
浏览 0提问于2017-05-12得票数 0
我试图在另一个方法或内部方法中使用计算属性，并获得错误：Property 'comments' does not exist on type 'Vue'
import { Component, Vue } from 'vue-property-decorator'
@Component({
computed: {
comments(): Comment[] {
return this.$store.getters['comments/getComments'];
},
hasComments
浏览 1提问于2021-06-28得票数 0
回答已采纳
我很难理解打字稿的界面规则。我理解以下代码块会引发错误，因为id属性没有在接口中定义：
interface Person {
name: string;
}
let person: Person = { name: 'Jack', id: 209 }
但是，如果我试图通过分配另一个对象来添加TypeScript属性，为什么TypeScript而不是会抛出一个错误呢？例如，像这样：
const samePerson = { name: 'Jack', id: 209 };
person = samePerson;
person对象最终得到id属性，即使它没
浏览 3提问于2021-07-22得票数 5
const FOO_TYPES={ FOO:'foo', FAA:'faa' }
我想使用上面的对象以编程方式创建以下类型：
type FooTypes = "foo" | "faa"
这样，如果提供了指定值以外的值，类型记录就可以抛出和出错。
我有一件类似的事情，从对象中获取类型，如下所示：
type ObjectValues<T>=T[keyof T]
但是在这种情况下，TypeScript只需要类型，而不是检查允许的值。
浏览 3提问于2022-11-17得票数 2
我最近从typescript@2.9.x更新到了typescript@3.0.3，现在我的转译器程序中出现了错误。你可以在上找到源码。
转换器使用带有ts.createProgram(...)和program.getTypeChecker()的typescript API来检查当前节点的实际类型。您可以在src/compiler/Compiler.ts中看到转译设置。
我的测试仍然有效，但数组类型测试停止工作。下面是查看测试输出的。
我的猜测是src/transpiler/Types.ts中的Types.isArray()函数返回了错误的布尔值。在typescript@3之前，此函数接收语法类
浏览 3提问于2018-09-01得票数 0
回答已采纳
如何处理TypeScript或Javascript中的类型转换？
假设我有以下TypeScript代码：
module Symbology {
export class SymbolFactory {
createStyle( symbolInfo : SymbolInfo) : any {
if (symbolInfo == null)
{
return null;
}
if (symbolInfo.symbolShapeTyp
浏览 0提问于2012-11-03得票数 242
回答已采纳
在较新的TypeScript版本(我认为2.8以后？)中，我可以轻松地获得函数的返回类型：
function f() { return "hi"; }
type MyType = ReturnType<typeof f>; //MyType is string
但我无法从类方法…中获得相同的信息
class MyClass {
foo() { return "hi"; }
}
如何获得返回类型的(new MyClass()).foo()？
浏览 1提问于2018-11-13得票数 30
回答已采纳
2回答
我有一个旧的JavaScript (.js)文件，其函数如下：
export default ({
guid,
numItems,
lastDate,
filters = [],
includeCart = true,
fetchStuff = true,
withLove = true
}) => () => {
// do stuff
}
如您所见，参数对象中的条目越来越长，所以我希望将文件转换为TypeScript (.ts)，并在这个参数对象周围设置一些约束。
我想做这样的事：
interface IPayload {
guid: st
浏览 10提问于2022-08-09得票数 1
1回答
我试图转换在JSX中定义备用路由组件的方式，这是一个等价的TypeScript TSX文件。(1)
JSX语法如下：
import React from 'react';
import { Route, Redirect } from 'react-router-dom';
export const PrivateRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={props => (
localStorage.getIte
浏览 1提问于2018-05-29得票数 4
2回答
我想写一个函数，它返回一个包装在另一个组件中的组件。我尝试用JavaScript编写的函数如下所示。
function GetGroup({ name, text, isRequired, ...props })
在这里，name、text和isRequired是从传递的参数中获取的，其他参数作为props发送到另一个组件。
如何在TypeScript中编写？
浏览 1提问于2018-02-14得票数 4
回答已采纳
用另一种方式表达
如何在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
回答已采纳
当字典值由联合类型的键分配时，即使使用最新的类型为@3.4.5和严格模式，TypeScript看起来也不健全。
这是一个众所周知的问题吗？有人能告诉我相关的错误报告吗？
tsconfig.json
{
"compilerOptions": {
"strict": true
}
}
test.ts
interface A {
a: number;
b: string;
}
interface B {
a: string;
b: number;
}
function someFunction(a: A, b: B, field:
浏览 0提问于2019-05-08得票数 1
回答已采纳
TypeScript似乎是基于微软对DOM和JS的理解。如果我不关心IE‘an Edge会发生什么？我和TypeScript有问题..。
例如。Element.getBoundingClientRect()返回具有x和y属性的对象--在除IE和边缘之外的所有浏览器中(参见备注)。
所以我有 TS2339: Property 'x' does not exist on type 'ClientRect | DOMRect'.
我能说服编译器不要担心这个吗？
浏览 2提问于2018-08-21得票数 4
回答已采纳
我正在使用TypeScript构建一个。我的初创公司最近从JavaScript转到了JavaScript，我正在迁移代码。
我有一个<FlatList />，它由两类场地组成:餐厅和酒吧。餐厅和酒吧共享一些属性，但它们也不共享。例如，属性servesFood是餐馆特有的。
renderItem函数如下所示：
renderItem = ({ item }: { item: Restaurant | Bar }) => {
return item.servesFood ? (
// ... Restaurant code
) : (
// ... Bar
浏览 1提问于2018-10-23得票数 1
回答已采纳
如何使用jsdoc将值从string转换为？
当我这么做时：
export default class extends Vue {
Request (...args) {
/** @type {'get'|'post'} */
let method = (args.length == 2 ? args[0] : 'get').toLowerCase()
}
}
我说错了：
键入'string‘不能指定键入’get“\”post“。
在不使用TypeScript的情况下能做到这一点吗？
浏览 1提问于2019-04-08得票数 1
我有一个项目，我通过如下方式将数据从C#传递到cshtml：
public IActionResult Index()
{
ViewData["temp"] = "abc"
return View();
}
然后在cshtml文件中接收这个值，我可以将其读取为
var temp = ViewData["temp"];
我有一个typescript文件，然后从这个cshtml文件启动。我的问题是，如何在我的typescript代码中使用这个temp变量。我不想为这个临时数据创建一个'div‘元
浏览 3提问于2018-04-24得票数 1
最近，我需要将我的角度项目从v6升级到v10，我发现了大量的ts错误，其中一个是属性不存在错误。
在Typescript2中，这会被忽略，因此我们的应用程序可以在没有问题的情况下构建，但是ng10使用的是typescript3，这是不允许的。
我检查了角文档，并将tsconfig.json设置如下：
{
"compileOnSave": false,
"compilerOptions": {
"importHelpers": true,
"skipLibCheck": true,
"outD
浏览 3提问于2022-01-14得票数 0
状态
使用未定义的。不要使用null
我刚刚读了另一个，它提倡null而不是未定义，我想知道微软或TypeScript团队的理论基础是这个决定吗？
浏览 1提问于2018-04-10得票数 13
回答已采纳
这是一个大的代码基础，所以我只是寻找一般的指针。
在一个文件中，函数接受参数a:MyClass。
在运行时，typeof a.b生成string。
在VSCode中，我访问了b of a.b上的F12，并将其带到另一个文件中(从导入语句判断是正确的)：
export class MyClass {
...
b: string[]; // brought to this line
}
在TypeScript环境中，如何使a.b成为string而不是类声明所述的string[]？我应该寻找什么可能导致这种行为的原因？
浏览 2提问于2017-05-09得票数 1
回答已采纳
我从TypeScript到Dart是因为颤振，这是难以置信的，我怎么能做最简单的事情。
我将style?.p?作为double?，我希望读取它的值或使用0.0作为缺省值。如下所示：
EdgeInsets.all(style?.p != null ? style.p : 0.0))
..。但是Dart说double?不能分配给double。嗯，我使用这个三元表达式来检查null，但我认为Dart在类型推断方面不如TypeScript聪明。
有什么想法吗？
浏览 20提问于2022-02-20得票数 0
回答已采纳
我有一个类，其中有一个方法当前不存在，但稍后会添加。如果它存在，我想使用它，否则就不使用它。例如。
Class A {
public func(string s) {
// Currently this method is not present in Class A
}
}
我想检查此方法是否存在，然后调用它，否则执行其他操作。我找到了一个适用于JavaScript但不适用于TypeScript的解决方案：
let objectOfA = new A();
if ( objectOfA.func === function) {
objectOfA.fu
浏览 2提问于2017-11-15得票数 6
我对TypeScript相当陌生，您能解释一下这些类型断言方法之间的区别吗：
// 1. Using :
let myStr: string;
// 2. Using as
let strLength = (myStr as string).length;
// 3. Using <> on left side
let strLength = <string>myStr.length;
// 4. Using <> on right side
let myObs: Observable<number>
什么时候用一个比另一个更好？谢谢
浏览 1提问于2018-04-13得票数 15
回答已采纳
我正在尝试从payload联合类型中提取Actions，但不知道在Typescript中是否可行。
因此，下面是我想要达到的目标。
type Actions = { type: "INIT", payload: { x: string }} | { type: "CLOSE", payload: { y: number }};
type ExtractPayload<T> = // how to extract payload given action type as `T`
function doSomething<T extends
浏览 0提问于2018-12-24得票数 1
回答已采纳
例如，我有这样的类型：type mixed = {k1: string, k2: number}
现在我想要另一个类型(可以从某个泛型中生成)，其中只有mixed的string属性类型，如下所示：
其中省略来自mixed的type stringOnly = {k1: string}。
如何在typescript中做到这一点？谢谢!
浏览 3提问于2020-12-02得票数 0
3回答
我希望在TypeScript中创建一个类型，并使用另一个对象的值作为其键。
const routes = {
home: "HOME",
profile: "PROFILE"
}
export type NavigatorParamList = {
[routes.home]: undefined;
[routes.profile]: undefined;
};
我知道这个代码不起作用！知道怎么做吗？
浏览 7提问于2021-12-25得票数 3
回答已采纳
2回答
我在我的TypeScript文件中声明了一个常量，稍后我需要将它们放在一个变量中，但是我不知道它是如何实现的。
这是我的密码：
const Color: {} = {
RED: {
CODE: "RCB",
PRICE: 15.70
},
BLUE: {
CODE: "BBC",
PRICE: 18.70
},
GREEN: {
CODE: "GTA",
PRICE: 13.70
},
};
let price: Color = Color.RED.PRICE;
consol
浏览 1提问于2018-09-26得票数 0
回答已采纳
我不明白为什么这个TypeScript代码应该编译(TypeScript 2.8.3都是严格检查的)
我已经将一个对象强制转换为IUser类型，并包含了一个不存在"bob“的属性
我看过关于超额检查的文档-
但它仍然没有意义，这应该编译-鉴于我正在铸造它。
最终的问题是:我如何才能真正地对这个对象进行正确的键入--以至于将其转换为具有非接口成员(可能/可能的错误)的对象应该无法编译。
interface IUser {
name: string
}
const func = (user: IUser) => {
alert(user)
}
func(<
浏览 0提问于2018-06-06得票数 1
回答已采纳
我正在与Prisma一起为我的数据库数据生成模式和模型。
在那里，我定义了一个“用户”模型，它拥有这个数据(类型是由Prisma自动生成的)：
type User {
name: string,
nickName: string,
sensitiveInfo1: string,
sensitiveInfo2: string
}
但是，当我的客户端请求这些数据时，我无法在响应有效负载中发送敏感信息。
Prisma有一种非常方便的方法来定义自定义类型：
import { UserGetPayload } from "./prisma/src/generate
浏览 5提问于2020-10-19得票数 2
回答已采纳
感谢您在这里耐心等待，我刚刚开始使用TypeScript。
我正在开发一个angular 2应用程序，它需要接受文本输入，然后进行一系列计算。I(不正确？)假设我需要首先将输入绑定到数据模型中的“任何”类型变量，然后将这些变量转换为数字，以便处理数字。我找遍了所有地方，找不到怎么做才不会抛出这个TS编译器错误：
`src/calculator_service.ts(40,5): error TS2322: Type 'number' is not assignable to type 'string'.`
在我的CalculatorService中，我有这个函数
浏览 29提问于2015-11-10得票数 23
回答已采纳
我以前从以下位置安装了VS 2013的TypeScript：
现在，这个选项不再可用了。为了便于移植，我卸载了它，因为我希望使用NuGet包管理器在本地将TypeScript编译器安装到项目中。移动到另一台PC不需要单独安装TypeScript。
当我点击安装时，什么都没发生。也许是安装好的？没有迹象表明。
因此，我还试图从NuGet Package控制台安装它，它说它已成功安装：
问题1:如何查看它的安装位置？
packages.config没有引用TypeScript。
packages文件夹也不包含任何TypeScript包。
当我试图构建这个项目时，我
浏览 2提问于2017-03-15得票数 1
我在某个地方看到了这个TypeScript代码。它汇编时没有任何问题：
const eventName = entityName + commandName;
pubsub.publish(triggerName, { [eventName]: response });
我假设它动态地创建一个名为eventName的对象文本。这个假设正确吗？在TypeScript文档中描述了这个特性的位置？
浏览 3提问于2017-11-28得票数 5
回答已采纳
我正在使用Swagger/OpenAPI Codegen为我的Vue应用程序中的Fetch客户端生成API客户端，并希望使用Axios。我从使用OpenAPITools typescript-axios代码生成器开始： java -jar .\openapi-generator-cli.jar generate -i http://localhost:5000/swagger/v1/swagger.json -g typescript-axios -o app\api 然后，我尝试将键入的响应赋给相同类型的局部变量： @Component
export default class Theme
浏览 86提问于2019-03-18得票数 7
回答已采纳
我使用了webpack和awesome typescript loader绑定我的节点模块。我正在将捆绑的模块导入到另一个包中。在另一个包中，我得到了错误： Could not find a declaration file for module 'mymodule' 我对包的默认导出是一个初始化的类： import MyClass from './myClass';
const c = new MyClass();
export default c; 然后从我的包中导入： import c from 'mymodule'; MyClass是在
浏览 22提问于2019-05-15得票数 0
回答已采纳
我从AWS-Amplify GraphQL (我相信它使用了apollo-codegen )自动生成了一个TypeScript类型，如下所示：
export type GetNoteQuery = {
getNote: {
__typename: "Note",
id: string,
createdAt: string | null,
updatedAt: string | null,
title: boolean | null,
content: string | null,
} | null,
当使用返回的数据时，
浏览 18提问于2019-11-04得票数 6
回答已采纳
考虑下面的类： 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
我希望TypeScript编译器能够推断出对象上属性的名称，以便以后更容易调用适当的函数。然而，尽管考虑调用函数，TypeScript并没有给出我可以调用的函数的任何intellisense。
考虑到以下例子：
interface InputBase {
alias: string;
}
const input: Array<InputBase> = [
{ alias: 'getNotes' },
{ alias: 'getComments' },
];
const client = input.reduce((acc, curr:
浏览 7提问于2022-12-03得票数 0
假设我有一个不同类型的数据数组：
const input = ["random", 2, {a: "foo", b: "baz"}];
Typescript可以自动推断和提取类型，例如：
type InputTypeArray = typeof input;
这里typescript知道InputTypeArray是(string | number | {a: string，b: string})[]；
让我们将数组元素的类型称为InputType，即：
typeof InputType = string | number | {a: strin
浏览 2提问于2018-02-09得票数 20
回答已采纳
我正在尝试将一个带有一些道具的功能组件发送到另一个组件，并在接收组件中尝试键入检查该组件中的一些道具。代码如下：
// BaseButton.tsx
export type ButtonProps = {
label: string
size?: 'sm' | 'md' | 'lg' | 'normal'
icon?: React.FC<{ size?: number; foo: string }>
} & React.ButtonHTMLAttributes<HTMLButtonEleme
浏览 23提问于2020-05-15得票数 2
回答已采纳
2回答
Typescript具有Partial<Object>类型，有助于使对象的所有字段都是可选的。
是否可以以同样的方式创建一个泛型类型Promisify<Person>，它将Person类型从：
interface Person {
getName(): string;
getAge(): number;
}
至：
interface PromisifyPerson {
getName(): Promise<string>;
getAge(): Promise<number>;
}
我有一个通过Typescript接口描述的同步AP
浏览 1提问于2017-11-22得票数 3
这里是typescript新手，非常困惑，有人能帮上忙吗？所以我在React项目中使用material-ui和typescript。如果有人想要添加一个新的颜色，你知道，“正确”的方式，他们必须将其添加到主题中：
const theme = createMuiTheme({
palette: {
primary: {
main: blue[400]
},
secondary: {
main: green[500]
},
neutral: {
main: "#abcdef" // <-- NEW
浏览 0提问于2021-05-27得票数 0
问题：
当我忘记向T类型的对象添加嵌套字段时，以及在使用对象扩展构造所述对象时，为什么不接收编译时错误？
示例：
interface User {
userId: number;
profile: {
username: string
}
}
function updateUsername(user: User): User {
return {
...user,
profile: {
// Error (as expected)
}
}
}
function updateUsernameGeneric<T extend
浏览 4提问于2021-03-08得票数 7
我希望在下面的代码中有一个类型错误，但是typescript是完全可以的，你能告诉我为什么吗？
export interface Structure {
aaa: string;
}
export function f1(): Structure[] { // OK for typescript, not for me
const result = [].map(certState => {
return {
aaa: 'aaa',
ADDITIONAL_FIELD: 'asdf&
浏览 0提问于2018-12-21得票数 2
假设我有一个接口，比如：
interface Foo {
description: string;
amount: number;
}
和一个更新Foo的函数，如：
public updateFoo(key: keyof Foo, val: string | number): void {
this.foo = { ...foo, [key]: val }
}
当我在TypeScript中调用这个函数时，这显然被认为是有效的：
this.updateFoo('description', 10)
TypeScript是否有一种方法可以使用它已经知道属于目标接口的键，并
浏览 1提问于2019-01-30得票数 0
回答已采纳
1回答
首先，我是TypeScript的新手，这个问题对您来说可能很简单:/。
我有一个car class，它有一个静态成员变量，一个数字，名为NUMBER_OF_WHEELS。我有一个名为interface的CarProps，它具有wheels属性，可以是数字，也可以是NUMBER_OF_WHEELS。
interface CarProps {
wheels: number[] | Car.NUMBER_OF_WHEELS
}
class Car {
public static readonly NUMBER_OF_WHEELS = 4;
}
但是当我试图从NUMBER_OF_WH
浏览 0提问于2018-06-21得票数 0
回答已采纳
我的职能是：
function assertNonNullish<TValue>(
value: TValue,
error?: Error
): asserts value is NonNullable<TValue> {
if (value === null || value === undefined) {
error ??= new Error("Something does not exist");
throw error;
}
}
这应该是用来检查某物是否为空或未定义。如果我使用这个函数，类型记录也知道某些东西
浏览 9提问于2022-05-31得票数 2
回答已采纳
我是打字稿方面的新手，我知道在使用大型应用程序和团队时有很大的好处：)
假设我有这个TypeScript：
declare const num = 5: number;
为什么这样做比：
const num = 5
应该始终在TypeScript中显式声明(使用类型)简单变量吗？
幸运的是，变量的类型是从值的数据类型推断出来的。所以我可以使用普通的JS (如第二个例子中的例子)吗？
浏览 2提问于2020-05-28得票数 2
回答已采纳
我在React和typescript中使用插槽系统。问题是我找不到一个包含slot作为属性的接口，所以我从我的typescript检查器中得到一个错误： Property 'slot' does not exist on type 'IntrinsicAttributes & IStockProps & { children?: ReactNode; }'.
浏览 14提问于2019-09-30得票数 1
回答已采纳
我想知道什么是将所有JavaScript合并到一个文件中的最佳实践。我正在使用Visual 5和ASP.NET TypeScript。我也有jQuery和一些插件，以及我自己的页面特定的JavaScript fies。
Visual在Build Options -> TypeScript Build下有一个选项，用于“将JavaScript输出合并到文件中”。
这是只组合从我的JavaScript文件生成的TypeScript，还是它也会组合jQuery和各种插件？
是否有可能发生冲突(具有相同变量名的多个.ts文件)，还是TypeScript本机避免这种冲突？
浏览 0提问于2015-05-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
