如何在typescript中检查值的类型？
在TypeScript中，可以使用typeof运算符和类型保护来检查值的类型。以下是几种常见的方法：
- 使用typeof运算符：可以使用typeof运算符获取变量的类型，并与目标类型进行比较。例如，如果想检查一个变量是否为字符串类型，可以使用如下代码：
const value = 'Hello World';
if (typeof value === 'string') {
console.log('value is a string');
}- 使用类型保护：TypeScript提供了一些类型保护的语法，使得我们可以在特定的条件下推断出变量的类型。常见的类型保护包括typeof类型保护、instanceof类型保护和自定义类型保护。例如，可以使用typeof类型保护来检查一个变量是否为字符串类型：
function processValue(value: string | number) {
if (typeof value === 'string') {
console.log('value is a string');
} else {
console.log('value is a number');
}
}- 使用类型断言：可以使用类型断言来告诉编译器某个变量的具体类型。类型断言的语法是在变量名后加上
as关键字，然后紧跟着目标类型。例如，如果想将一个变量断言为字符串类型，可以使用如下代码：
const value: any = 'Hello World';
const strLength = (value as string).length;
console.log(strLength);总结： 在TypeScript中，可以使用typeof运算符、类型保护和类型断言来检查值的类型。通过这些方法，可以在编译时捕获类型错误，并提高代码的可靠性和可维护性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 云通信（Tencent Cloud Communication）：https://cloud.tencent.com/product/tcc
- 腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
- 物联网通信（IoT）：https://cloud.tencent.com/product/iotcloud
- 腾讯云移动开发（融云）：https://cloud.tencent.com/product/im
- 腾讯云区块链（BCaaS）：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/product/tcm
相关·内容
Typescript 3.0.1在我的类中为我的setter提供了一个编译错误，但当我运行我的JS时，它仍然可以正常工作，正如你在图片上看到的那样。
代码如下所示：
这有什么原因吗？我怎么才能让它编译的时候没有错误，因为它让我在学习Typescript时感到困惑。
浏览 0提问于2018-10-17得票数 0
2回答
我在VSCode中使用VSCode，我想知道为什么当我创建一个Thing类型的对象或坚持使用接口IThing时，没有得到一个错误。
code.ts
type Thing = {
id: number;
name: string;
};
const t1 = <Thing>{}; // No error for missing properties
const t2 = {} as Thing; // No error for missing properties
const t3 = <Thing>{ bad: 'wrong ' }; // i
浏览 14提问于2022-02-22得票数 3
回答已采纳
我有以下代码：
<option value={false}>{getIntl('modals.users.suspended.unlocked')}</option>
<option value={true}>{getIntl('modals.users.suspended.locked')}</option>
但这将返回以下错误：
Type 'boolean' is not assignable to type 'string | number | string[] | undefined
浏览 0提问于2018-08-02得票数 3
在某些情况下，我设置了const的类型，而TypeScript忽略了它。特别是，有时我添加| undefined和TypeScript忽略了一个事实，即值可能是未定义的。我是不是遗漏了什么？
我正在从Array或NodeList中获取一个元素。我把它保存在let或const中。默认情况下，TypeScript假定数组访问永远不会失败。我知道这种特定的数组访问很可能会失败。我试图标记表达式的类型，所以以后尝试使用它时，不要忘记检查undefined。下面是一个例子：
const myArray = ["a", "b", "see", "d&
浏览 13提问于2022-07-19得票数 2
回答已采纳
我试图在TypeScript中键入以下承诺：
const getUserById = (id: number) => new Promise((resolve, reject) => id === 1
? resolve({ id, displayName: 'Jan' })
: reject('User not found.')
);
TypeScript推断这是
const getUserById: (id: number) => Promise<Unknown>
我为用户提供了一个界面：
interface U
浏览 3提问于2020-02-01得票数 2
回答已采纳
我想在TypeScript中打印出一种类型的所有类型的属性。例如，我想记录AddressWithUnit有哪些属性以及属性的类型。在下面的代码中，可以很容易地手动检查它。但是，如果一个类型与多个类型组合在一起，则手动检查可能会很复杂。
type BasicAddress = {
name?: string;
street: string;
city: string;
country: string;
postalCode: string;
}
interface AddressWithUnit extends BasicAddress {
unit: string;
浏览 0提问于2021-07-08得票数 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
回答已采纳
我对TypeScript相当陌生，我已经为这个问题挣扎了一段时间了。
我想把到组件的路由传递给一个支柱，但是我不知道如何键入它，所以我一直从TypeScript获得TypeScript。
ParentComponent (我在那里经过路线)：
import { ChildComponent } from '../components';
export const ParentComponent = () => (
<div>
...
<ChildComponent to={"/page_one"}>tex
浏览 6提问于2021-11-08得票数 0
回答已采纳
由于TypeScript 3.0在2018年中期推出了unknown顶级类型，因此不鼓励使用any类型。
TypeScript也长期支持typeof运算符的琥珀类型保护，但是typeof只作为标量值(即单变量)的一级类型保护。
主要的警告是，如果不首先使用或as T，它不能与对象属性或数组元素一起使用。
使用as any会立即出现明显的问题。
但是使用as T也会带来自己的问题。这在类型保护函数中没有那么大的问题，因为带有假设类型的变量的范围仅限于类型保护，但是如果在正常函数中使用它可以引入big。
我目前正在用TypeScript编写客户端错误处理代码
浏览 1提问于2021-02-16得票数 1
我有以下类型： type Options = 'A' | 'B' | 'C' | 'D'
type SpecificOptions = 'A' | 'B'
type OptionsValueType = {
A: () => void,
B: string
} 我使用它们来构建以下类方法： declare class MyClass {
myFunction(option: 'A', value: OptionsValueType['A'])
浏览 5提问于2019-04-14得票数 1
我在我的一个NativeScript应用程序中使用了EddyVerbruggen的Firebase插件()。
另外，我是第一次在这个项目中使用TypeScript。我已经按照他们的文档中给出的设置好了一切。但是，不能理解如何在TypeScript中使用他们的代码。
例如：
var firebase = require("nativescript-plugin-firebase");
firebase.init({
persist: true // Allow disk persistence. Default false.
}).then(
fu
浏览 0提问于2016-06-01得票数 1
1回答
当我尝试使用没有默认值的useState钩子时，它的类型不正确。它在可能的类型中不包括undefined。例如，在组件下面：
type Color = 'blue' | 'yellow' | 'red';
const MyComponent: React.FC = () => {
const [color, setColor] = useState<Color>();
color.toLocaleLowerCase();
return null;
};
color被键入为Color，因此color.toLoc
浏览 2提问于2020-06-16得票数 0
回答已采纳
在这段代码中，.value!和@typescript-eslint/no-non-null-assertion在做什么？太抽象了，我无法连接到此按钮行为的上下文。
const submitButton = ref<HTMLButtonElement | null>(null);
//Disable button
/* eslint-disable @typescript-eslint/no-non-null-assertion */
submitButton.value!.disabled = true;
只有在编程中，你才能直截了当地说“不-非零”。
浏览 4提问于2022-02-28得票数 3
回答已采纳
代码如下： class MyClass {
getValue() {
// some code here...
}
}
const IS_ENABLED = process.env.IS_ENABLED || false;
const myClass = IS_ENABLED ? new MyClass() : null;
function getValue() {
if (!IS_ENABLED) return false;
return myClass.getValue();
} 现在，TypeScript给出了错误(对于myClass.getValue()
浏览 17提问于2019-06-18得票数 1
回答已采纳
我一直很难让Visual 2012的TypeScript工作。有人知道它是否只安装在VS2012的完整版本上吗？(我有VS 2012 Express for Web和VS 2012 Express for Desktop)。
我尝试了所有的建议，我可以在这个网站上找到，但仍然没有运气。VS和TypeScript都安装正确，但是我看不到TypeScript项目或VS2012Express for Web中任何地方的新项目。
浏览 6提问于2012-10-19得票数 6
回答已采纳
我在TypeScript (如)中经常使用“对象文字”这个术语--我们所说的“对象文字”实际上是什么意思，它仅仅是一个“对象”有什么区别？
以下是正式文档中的一些相关文档：
在JavaScript中，我们分组和传递数据的基本方法是通过对象。在TypeScript中，我们通过对象类型来表示这些类型。
除了一般类型字符串和数字之外，我们还可以引用类型位置中的特定字符串和数字。
所以我理解文字类型的概念，当我们指的是字符串或数字时，你指的是更窄、更具体的值。例如"bob"，而不是更广泛的string。
对象文字究竟是什么？
浏览 4提问于2021-08-09得票数 4
回答已采纳
我正在检查Github上的一些代码，我需要快速了解脚本是javascript还是typescript。 对此有什么简单的捷径或线索吗？ 举个例子，在这个来自https://www.typescriptlang.org/的图像中，我得到了一个线索，如果一个数组在变量名之后声明了一个方括号[]，那么它就是typescript。 ?
浏览 26提问于2020-03-23得票数 0
考虑下面的typescript代码： type Data = [string, number, symbol]; // Array of types
// If I want to access 'symbol' I would do this:
type Value = Data[2]; //--> symbol
// I need to get the index of the 'symbol' which is 2
// How to create something like this:
type Index = GetIndex<D
浏览 22提问于2021-01-18得票数 0
回答已采纳
我在构建TypeScript项目时遇到了一些问题，因为库的类型定义有错误。解决方案是添加strictNullChecks标志。
这对我来说是违反直觉的。添加限制如何删除错误？通常情况下，情况正好相反。
我所犯的错误可以找到。
同时，作为这个
strict项目不能在非严格的项目中构建是没有意义的
我试着理解它们的类型，但是它们使用的是高级的TypeScript特性，它们具有很深的泛型类型，并且没有记录它们的代码。
浏览 3提问于2022-06-03得票数 3
我来自javascript世界，是typescript的新手。我有一个用typescript编写的react项目。我声明了一个内联样式，但当我在react组件中使用它时，得到了以下警告：
Type '{ color: string; fontSize: string; fontWeight: number; }' is not assignable to type 'CSSProperties'.
下面是样式声明的代码。
const styles = {
promAlert: {
display: 'flex',
浏览 3提问于2018-06-21得票数 19
回答已采纳
1回答
Typescript中noEmit的用例是什么？我之所以感兴趣，是因为我想看看我是否可以将它用于开发，在这种开发中，我将编译并运行编译后的代码，而不将它们输出到文件系统中，这样会更高效。 编辑:也许这很简单：“我可以在typescript中使用noEmit标签来编译和运行代码，而不把它们输出到文件系统上吗?如果是，我该怎么做？”
浏览 232提问于2019-03-05得票数 49
回答已采纳
我需要限制函数的调用者只使用字符串"asc“或"desc"，所以我想使用一个常量来定义类型。
当我使用typescript时，我可以这样做：
function test(order: "asc" | "desc") {
// ...
}
那么order只能是"asc“或"desc”。那么如何在Scala中定义order呢？
浏览 0提问于2019-01-23得票数 1
我正在尝试确定为什么TypeScript允许您在实现接口时将函数的返回类型从更具体的类型重载为“any”类型。
在我的例子中，我使用的是Angular，并注入了已实现的类。
我的环境：
Visual Studio 2017
Angular版本1.5.5
TypeScript版本2.1.5
以下代码编译时没有任何问题：
export interface IFoo {
thing: (parameter: number) => string;
}
export class BarService implements IFoo {
public thing = (parame
浏览 1提问于2017-05-16得票数 3
我正在使用TypeScript with React，而TypeScript仍然在检查node_modules文件夹中的库，尽管在tsconfig.json中"skipLibCheck“设置为true。
下面是我的tsconfig.json (我添加了排除部分以排除故障，但也没有工作)：
{
"compilerOptions": {
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "
浏览 6提问于2020-01-25得票数 39
我已经在TypeScript中定义了一个自定义文字类型：
export type Market = 'au'|'br'|'de';
现在，我想迭代每个可能的Market，而不必首先创建一个Market[]数组，因为它感觉是多余的，我可能忘记添加一个选项：
const markets: Market[] = ['au', 'br', 'de'];
markets.forEach((market: Market) => {
console.log(market);
});
有办法用Type
浏览 9提问于2016-11-29得票数 75
回答已采纳
我想知道如何在ArrayLike中实现TypeScript类。有人知道怎么做吗？
编辑:这是@jcalz给我的答案。
class FooList<T> implements ArrayLike<T> {
length: number
[n: number]: T
}
浏览 5提问于2022-02-17得票数 1
我是TypeScript的新手，我遇到了这个问题：
export default function ({ store }) {
const Router = new VueRouter({
scrollBehavior: () => ({ x: 0, y: 0 }),
routes,
// Leave these as they are and change in quasar.conf.js instead!
// quasar.conf.js -> build -> vueRouterMode
// quasar.conf.j
浏览 9提问于2020-05-04得票数 0
回答已采纳
typescript中是否有接受自定义类型的选项，例如： type myCustomType = {
type1: string
type2: number
} 并在变量中使用它吗？说 const theTypeIWantToPrint = getTypeAsString(myCustomType.type2)
console.log(theTypeIWantToPrint) // prints "number" 或者干脆直接做console.log(getTypeAsString(myCustomType.type2))
浏览 323提问于2021-08-10得票数 0
Microsoft提供了一个新的TypeScript编译器变体，名为 TypeScript
我找不到关于它的任何文档，而且我无法将它安装到我的TypeScript 1.0系统中，因为它需要TypeScript 0.9.5。
TypeScript TypeScript 和 Safer 有什么区别？
浏览 0提问于2014-07-03得票数 8
回答已采纳
1回答
我正在尝试使用枚举作为接口描述中的值。TypeScript理解输入，但无法检查对象：
enum Type {
A = 'a',
B = 'b',
C = 'C'
}
interface ABC {
type: Type
}
interface A extends ABC {
type: Type.A
}
const a: A = { type: 'a' }
// Type '{ type: "a"; }' is not assignable to type 'A&#
浏览 0提问于2018-07-25得票数 0
回答已采纳
情况
我正在使用TypeScript，并且有一个try / catch块。捕获的错误是键入的(Error)。我想使用错误的message属性。
我正在使用启用了规则的eslint。
《守则》
try {
throw new Error('foo');
} catch (err: Error) {
const { message }: { message: string } = err;
return {
message: `Things exploded (${message})`,
};
}
问题所在
当我运行我的linter时，我收到以下信息：
浏览 5提问于2020-10-21得票数 15
回答已采纳
我在TypeScript文档中查找了它。
文档说NonNullable排除空或未定义。
type NonNullable<T> = T & {};
为什么undefined & {}是never
浏览 2提问于2022-09-30得票数 2
回答已采纳
手册基础部分的主题之一是TypeScript捕获逻辑错误。我将if...else语句的if...else子句从更改为：
const value = Math.random() < 0.5 ? "a" : "b";
if (value !== "a") {
} else if (value !== "b") {
}
但有个错误：
“此条件将始终返回'true‘，因为类型’a‘和’b‘没有重叠。”
我错过了什么？而且，它在JavaScript中工作，那么为什么它不能在TypeScript中工作呢？
浏览 2提问于2021-03-29得票数 0
回答已采纳
我有下一个代码： import axios, {AxiosError} from "axios";
try {
some request
} catch(err:AxiosError) {
console.log(error.response) //doesnt work
console.log(error.response?.data?.message) //doesnt work
if(error.response?.data?.statusCode === 401) {
logout()
}
} 我无法检查打字脚本中的状态代码如何正确描述错误类型而不
浏览 48提问于2021-10-14得票数 1
回答已采纳
假设以下简化的TypeScript片段：
interface MyInterface {
callbackLambda: (value: string) => void;
callbackFunction(value: string): void;
}
type MyType = "MyValue";
const myObject: MyInterface = {
callbackLambda: (value: MyType): void => {
console.log(value);
},
callba
浏览 2提问于2021-06-28得票数 2
回答已采纳
我必须为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
回答已采纳
1回答
我是TypeScript的新手。我可能在问一个新手的问题。我有以下对象数组。我想把它按年龄或名字分类。这个问题以前也有人问过。在读完 之后，我试着跟踪。我无法用TypeScript编译它。
sortData2() {
const testData: object[] = [
{
name: 'name 1',
age: 20,
sex: 'M',
height: 7.5
},
{
name: 'name 1',
age: 10,
浏览 2提问于2020-09-27得票数 0
回答已采纳
我有一个复杂的方法，在typescript中使用if else if else构造。这是一个void方法。如何在某些特定的if条件下中断方法，以便不需要执行其他条件。这帮助我避免了else条件；我可以继续写下去，如果
在Java语言中，这可以通过在return;方法中使用void来实现。
浏览 0提问于2017-09-29得票数 4
学习TypeScript，我想知道当TypeScript不能正确推断属性类型时，是否有一种简单的内联方法来表示对象常量中的类型？ 错误消息： Type '{ align: string; fontWeight: string; dropShadow: boolean; dropShadowAlpha: number; wordWrap: boolean; fill: string[]; }' is not assignable to type 'TextStyle | Partial<ITextStyle> | undefined'.
Type
浏览 96提问于2021-06-20得票数 1
回答已采纳
我们有一个已经存在的JavaScript系统。
我们想要做的事情：我们希望开始将TypeScript集成到当前的系统中；我们不能只把所有的东西都转移到TypeScript上。我们希望慢慢开始在TypeScript中编写一些新模块。
我们尝试了什么：我们使用一种模式来组织我们的JS代码，类似于模块TypeScript构造。
我们试图在TypeScript中重写一个简单的类/对象，但在访问代码中定义的JS函数和其他文件时遇到了困难。
遇到的问题：我们必须创建虚拟接口，以及使用这些接口创建虚拟函数等等。
所以问题：任何人都可以评论一下，将TypeScript慢慢集成到现有JavaScript系统中的
浏览 5提问于2012-11-12得票数 32
回答已采纳
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
回答已采纳
从普通字符串创建SoureFile对象很容易：
ts.createSourceFile(fileName, sourceText, languageVersion, setParentNodes, scriptKind)
但是，我看不到从Statement-nodes数组(由各种工厂函数创建)创建一个函数的方法。
我试着回避这样一个解决方案：
const source = ts.createSourceFile(fileName, '', languageVersion);
source.statements = myNodeArray;
但这(也许并不令人意外)不起作用。我还
浏览 4提问于2020-04-13得票数 2
我创建了一个TypeScript React应用程序，它使用：
yarn create react-app my-app --template typescript
这样，我的项目是用编译的，然后由捆绑。现在我想使用TypeScript ，默认情况下它在Babel中不受支持，但是它们是。我安装了所有必需的软件包：
在package.json中，我将react-scripts start改为react-app-rewired start。
最后，我创建了一个config-overrides.js文件：
const {
override,
addExter
浏览 4提问于2020-04-16得票数 3
回答已采纳
我尝试使用一个包含多个不同类型的数组，并让TypeScript为每个元素推断正确的类型：
type House = {
street: string;
zipCode: number;
}
type Car = {
make: string;
model: string;
year: number
}
const things: (House | Car)[] = [{
street: '123 Fake Street',
zipCode: 12345
}, {
make: 'Tesla',
浏览 2提问于2021-08-05得票数 2
我有一个自定义接口，它扩展了node:http2的IncomingHttpHeaders，允许将自定义头名添加到对象中。
然而，无论我在哪里使用这样的接口，TypeScript都会抱怨Object is possibly undefined，尽管我已经显式地定义了没有空值的类型。
types.d.ts
import type { IncomingHttpHeaders } from "node:http2";
export interface CustomHeaders extends IncomingHttpHeaders {
[key: string]: string
浏览 13提问于2022-09-07得票数 0
我可以在javascript中做到这一点。 const chipColors = {
delivered: "success",
pending: "warning",
canceled: "danger"
}
<Chip
color={chipColors[row.order_status]} <-- Typescript will throw error on this line
text={row.order_status}
/> 但是Typescript给了我错误信息Element impli
浏览 31提问于2021-10-06得票数 0
需要键入保护，但instanceof不适用于TypeScript type的：
type Letter = 'A' | 'B';
const isLetter = (c: any): c is Letter => c instanceof Letter; // Error: 'Letter' only refers to a type, but is being used as a value here.
// Expected usage: Filter via type guard.
isLetter('a'); //
浏览 22提问于2022-11-18得票数 0
回答已采纳
当我在其他组件中使用状态时，TypeScript似乎没有认识到属性state.recipes确实存在，如果YummlyState是RecipesState的类型，情况就是如此。我怀疑YummlyState始终是InitialState的类型，因为这是它最初将拥有的类型，因为初始状态正在被设置。
另外，你是否还注意到了其他你认为应该不同的内容？
非常感谢！
import React, {
createContext,
Dispatch,
PropsWithChildren,
ReactElement,
Reducer,
useContext,
浏览 0提问于2020-11-11得票数 0
回答已采纳
我正在尝试使用mongoose-sequence project构建一个具有自动递增字段的REST API服务器，其中包含Mongoose、Express和TypeScript。(这个项目似乎是最受欢迎和最受支持的项目。) 我已经运行了npm install --save @types\mongoose-sequence来导入TypeScript的类型。 然而，我似乎不知道如何正确地使用它。 自述文件中的代码说明要执行以下操作： const AutoIncrement = require('mongoose-sequence')(mongoose); 如何将其转换为TypeS
浏览 30提问于2019-09-16得票数 0
我试图将对象文字中的表达式的值限制为keyof T子集的数组，但在某些情况下，typescript似乎将允许的类型扩大为string[]。
最小重现：
type KEYS = "a" | "b";
const desired_failure : KEYS[] = ["a", "b", "not_ok"]; // typechecker rightly complains
const this_doesnt_fail = {
foo: <KEYS[]> ["a", "b&
浏览 0提问于2020-11-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
