如何防止在typescript中使用联合类型时出现赋值错误？
在TypeScript中，可以通过使用类型保护和类型断言来防止在使用联合类型时出现赋值错误。
- 类型保护：使用类型保护可以在运行时检查变量的类型，从而避免赋值错误。常见的类型保护方式包括typeof类型保护、instanceof类型保护和自定义类型保护。
- typeof类型保护：通过使用typeof操作符可以检查变量的类型。例如，当使用联合类型string | number时，可以使用typeof来判断变量的具体类型，然后进行相应的操作。
function processValue(value: string | number) {
if (typeof value === 'string') {
// 处理字符串类型
} else {
// 处理数字类型
}
}- instanceof类型保护：通过使用instanceof操作符可以检查变量是否属于某个类的实例。例如，当使用联合类型Date | string时，可以使用instanceof来判断变量的具体类型。
function processValue(value: Date | string) {
if (value instanceof Date) {
// 处理日期类型
} else {
// 处理字符串类型
}
}- 自定义类型保护：通过自定义类型保护函数可以检查变量的类型。例如，当使用联合类型Foo | Bar时，可以创建一个类型保护函数isFoo来判断变量的具体类型。
interface Foo {
foo: string;
}
interface Bar {
bar: number;
}
function isFoo(value: Foo | Bar): value is Foo {
return 'foo' in value;
}
function processValue(value: Foo | Bar) {
if (isFoo(value)) {
// 处理Foo类型
} else {
// 处理Bar类型
}
}- 类型断言：使用类型断言可以告诉编译器变量的具体类型，从而避免赋值错误。通过在变量后面使用as关键字或尖括号<>进行类型断言。
function processValue(value: string | number) {
const strLength = (value as string).length; // 类型断言为字符串类型
const numSquare = (<number>value) ** 2; // 类型断言为数字类型
}综上所述，通过使用类型保护和类型断言，可以有效防止在TypeScript中使用联合类型时出现赋值错误。
相关·内容
我想描述一些数据，比如数组中的值可以是另一个数字数组，这是无限期的，所以类型应该是递归的。
使用下面的代码，我收到一个错误
Type 'number' is not assignable to type 'Data'
type Data = ReadonlyArray<number> | Data[];
const data: Data = [1, 2, 3, [4, 5, [6, 7]]];
如何使用最新的TypeScript修复它？
浏览 1提问于2021-05-04得票数 1
在某些情况下，我设置了const的类型，而TypeScript忽略了它。特别是，有时我添加| undefined和TypeScript忽略了一个事实，即值可能是未定义的。我是不是遗漏了什么？
我正在从Array或NodeList中获取一个元素。我把它保存在let或const中。默认情况下，TypeScript假定数组访问永远不会失败。我知道这种特定的数组访问很可能会失败。我试图标记表达式的类型，所以以后尝试使用它时，不要忘记检查undefined。下面是一个例子：
const myArray = ["a", "b", "see", "d&
浏览 13提问于2022-07-19得票数 2
回答已采纳
为什么当变量被重新分配到新对象时，类型推断不适用于对象属性？
示例(TypeScript v3.4.5)：
// compiles
let myVar: string | number;
myVar = '5';
console.log(myVar.length);
// compiles
let myObj1: {myProp: string | number} = {myProp: 5};
myObj1.myProp = '5';
console.log(myObj1.myProp.length);
// does not compile, emitti
浏览 2提问于2019-10-06得票数 4
回答已采纳
是否有办法防止TypeScript中出现以下类型的问题：
interface Consumer<a> { consume(value: a): void }
function consumeValue<a>(consumer: Consumer<a>, value: a) {
consumer.consume(value);
}
var consumer : Consumer<number> = { consume(value) { console.log('Number: ' + value); } }
consumeV
浏览 0提问于2014-10-03得票数 0
回答已采纳
由于性能问题，我最近从VSCode转向了VSCode内部人员(基本上是一个夜间构建)，而且由于某种原因，我的代码中出现了一个新的linting错误。我使用的是TypeScript版本3.5.1
以下是一个简化的示例：
private updateTransaction = (
k: 'description' | 'amount' | 'timestamp' | 'vendorId',
v: ITransaction['description' | 'amount' | '
浏览 1提问于2019-06-05得票数 0
回答已采纳
用另一种方式表达
如何在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
回答已采纳
我有一个可以返回数字、Error或NegativeError的函数
class NegativeError extends Error {
name = 'NegativeError'
}
function doThing (a: number): number | NegativeError | Error {
return a < 0 ? new NegativeError() : a === 0 ? new Error() : a
}
const done = doThing() // T | NegativeError | Error
然而，当我删除签名
浏览 0提问于2021-11-03得票数 1
为什么这段代码不能编译？
type A = { n: number }
type B = { s: string }
type Thing = {
a: A
b: B
}
function update(obj: Thing, path: keyof Thing) {
obj[path] = obj[path]
}
我希望赋值的两端都有A | B类型，但TypeScript编译器失败了，出现以下错误：
error TS2322: Type 'A | B' is not assignable to type 'A & B'.
Type &#
浏览 8提问于2021-06-08得票数 2
1回答
不知道我想要什么typescript功能，但我想我需要一个通用的(如果那是一个typescript功能)。下面是我的要求。
下面是我到目前为止所知道的。
interface Event {
type: string;
}
type EventType<T extends Event> = T['type'];
type EventHandler<T extends Event> = (event:T): void;
// so far so good
type EventTypeAndHandlerTuple <T extends Event
浏览 0提问于2021-02-13得票数 1
此函数 function abc<K extends keyof any>(
param: K,
) {
const z: { [p in K]: string } = {
[param]: 'abc',
};
} 出现以下错误： TS2322: Type '{ [x: string]: string; }' is not assignable to type '{ [p in K]: string; }'. 这样的事情在typescript中是不是可能的？我使用的是Typescript 4.3.5 谢谢 何塞
浏览 15提问于2021-09-28得票数 1
这些都是事实：
type A = [boolean | string] extends [boolean] | [string] ? true : false // true
type B = [number | boolean] extends [number] | [boolean] ? true : false // true
type C = [1 | string] extends [1] | [string] ? true : false // true
但这是错误的：
type D = [number | string] extends [number] | [string] ?
浏览 2提问于2022-11-14得票数 6
回答已采纳
我正在为表示XML元素的对象创建一个接口。我的第一次访问界面是这样的：
interface Mutation {
[attribute: string]: string;
children: Mutation[];
}
但是在编译它时，TypeScript犯了错误，告诉我类型Mutation[]与类型string冲突。因此，我想将“子”属性排除在[attribute: string]: string之外。
interface Mutation {
[attribute: Exclude<string, "children">]: string;
ch
浏览 1提问于2020-03-09得票数 0
3回答
我有一个实用程序函数来检查变量是否为null或未定义，如果输入变量通过检查，我希望TypeScript缩小它的范围，例如：
public init(input?: string): void {
function isSpecified(input: any): boolean {
return (typeof input !== "undefined") && (input !== null);
}
if (isSpecified(input)) {
let copiedString: string =
浏览 3提问于2017-10-25得票数 2
回答已采纳
interface A {
name?: string
age: number
}
var a: A = {
name: '',
age: 23
}
var result:A = (Object.keys(a) as Array<keyof A>).reduce((prev, key) => {
if (a[key] || a[key] === 0) {
prev[key] = a[key] // this reported a error about `Type 'undefined' is not assig
浏览 4提问于2019-12-04得票数 5
回答已采纳
我有一个用户传递的对象，可以是任何类型的对象。在函数中，我检查一个支柱，如果存在，我想返回它：
if ('id' in payload) return payload.id
我已经宣布payload为object。
但是TypeScript给了我一个错误：
类型'object‘上不存在ts属性'id’。
任何
尽管我只是检查了它是否存在..。
有什么建议吗？
浏览 0提问于2018-09-28得票数 4
回答已采纳
我正在将我的代码从Javascript转换为Typescript我的代码在Javascript中工作，但它在Typescript中有错误 以下是代码 const jsonData = {
query: "keywords in here",
page: {size: 10, current: 1},
options: {
all: [
{ datetimestart: {from: currentDateTimeInISOString}},
浏览 7提问于2021-02-05得票数 0
回答已采纳
我正在使用TypeScript构建一个。我的初创公司最近从JavaScript转到了JavaScript，我正在迁移代码。
我有一个<FlatList />，它由两类场地组成:餐厅和酒吧。餐厅和酒吧共享一些属性，但它们也不共享。例如，属性servesFood是餐馆特有的。
renderItem函数如下所示：
renderItem = ({ item }: { item: Restaurant | Bar }) => {
return item.servesFood ? (
// ... Restaurant code
) : (
// ... Bar
浏览 1提问于2018-10-23得票数 1
回答已采纳
假设我们有一个接口IFieldConfig
export interface IFieldInputConfig {
type: 'string' | 'password';
// eslint-disable-next-line @typescript-eslint/no-explicit-any
default?: any;
}
export interface IFieldConfig extends IExtractConfig {
id: string;
form?: IFieldInputConfig;
}
浏览 1提问于2020-04-29得票数 0
回答已采纳
我在React中使用Typescript，我想从这个函数中返回一些JSX。我从来没有遇到过嵌套映射循环的问题，但由于某些原因，我现在使用Typescript时出现了错误。像这样做嵌套循环是不是很糟糕？它给我一个‘这个表达式是不可调用的’错误。 更新:代码运行了，但.map以红色突出显示，不允许我构建项目。请参见下图。 const getSelect = () => {
return <div>
{
options.map( (option, index) => {
return <d
浏览 43提问于2021-02-01得票数 1
1回答
我在TypeScript中使用的是NPM软件包。如果我动态地为Chalk设置颜色，那么我将得到一个TS错误。我可以使用类似于chalk[color] as Chalk的类型断言，但如果可能的话，我更愿意使用类型谓词，这需要我能够访问受支持的颜色列表。
那么，是否有一种方法可以访问Chalk中支持的颜色列表，或者另一种解决此问题的方法，而不使用类型断言，或者可能使用类型谓词？
可能需要启用compilerOptions中的compilerOptions中的tsconfig.json选项，以使错误出现。
代码在下面，错误出现在注释中：
import chalk from 'chalk
浏览 0提问于2019-10-31得票数 5
回答已采纳
4回答
是否有一种方法可以使TypeScript编译器在调用函数时产生错误，该参数既可以是联合类型的情况，也可以是联合类型的情况？示例：
interface Name {
name: string
}
interface Email {
email: string
}
type NameOrEmail = Name | Email
function print(p: NameOrEmail) {
console.log(p)
}
print({name: 'alice'}) // Works
print({email: 'alice'}) // Wo
浏览 0提问于2018-02-13得票数 4
回答已采纳
1回答
当我在angular2 (typescript)中使用aws-sdk时，我得到了以下错误
import * as AWS from 'aws-sdk';
AWS.config.credentials.get
[ts]
Property 'get' does not exist on type 'Credentials | CredentialsOptions'.
Property 'get' does not exist on type 'CredentialsO
浏览 3提问于2017-08-13得票数 0
在React中，我可以将变量限制为值的子集，例如
PropTypes.oneOf(['Home', 'About']),
我如何在TypeScript中做到这一点？
PS:我不使用TypeScript和React。
浏览 1提问于2018-05-09得票数 29
回答已采纳
在下面的代码中，我希望TypeScript能够意识到，在注释所在的行上，user对象不能具有role expect for admin的任何其他值。 事实就是如此！如果您将这段代码粘贴到TypeScript Playground中，您会注意到，此时将鼠标悬停在role上确实只显示admin！ 但是，在return DemoForAdmin行仍然显示一个错误。将鼠标悬停在user上，显示该类型的弹出窗口显示了role字段的完整并集。 function Demo(user: { name: string; role: 'user' | 'admin'; } | n
浏览 18提问于2019-04-25得票数 1
回答已采纳
如何在TypeScript中注入枚举？这是可能的和推荐的吗？
enums.ts：
export enum Environment {
Development = 'Development',
Production = 'Production',
Test = 'Test'
}
文件：
import { Environment as _Environment } from '../enums';
function myfunc(Environment: Environment = _Environment):
浏览 0提问于2019-11-27得票数 1
我正在尝试编写代码来注册强类型的数据加载器，但是我在使用typescript来正确设置映射时遇到了问题。在下面的示例中，M是服务映射，k是字段类型为E确定值的服务列表。但是，当我试图将一个实例分配给map时，它会给我一个错误，告诉我我正在尝试分配给undefined。不知道下一步该怎么走。
enum E {
A = 'a',
B = 'b',
}
interface I<T extends E> {
type: T;
}
type J<T> = T extends E ? I<T> : never;
expor
浏览 0提问于2020-11-25得票数 0
我偶然发现了TypeScript类型的问题，当有条件的泛型出现时，我不能将更窄的类型分配给更广泛的类型。但是，所有泛型参数都是完全实例化的，因此TypeScript应该能够完全解析这两种类型，并根据每个属性的类型对它们进行比较。
这是我试图做的抛出错误的简化版本：
// Returns keyes that have type extending Types
type KeysMatching<T, Types> = { [K in keyof T]: T[K] extends Types ? K : never }[keyof T];
type Mapping = {
浏览 6提问于2022-09-06得票数 3
我不确定我的问题是否清楚，所以我会尽量详细说明。假设我有一个实现接口MyClass的类MyInterface。除了实现所需的属性(在本例中为myProp1)之外，它还有一个附加属性myProp2，如下面的代码片段所示：
interface MyInterface {
myProp1: string;
}
class MyClass implements MyInterface {
myProp2 = '2';
constructor(public myProp1: string) {}
}
然后，在创建类的一个实例时，我给它分配了MyInterface类型。即使T
浏览 6提问于2022-08-09得票数 2
回答已采纳
假设，如果我有以下函数： function nullOrString(): string | null {
return null;
} 这不会产生任何错误： const value = nullOrString();
if (value) {
const foo: string = value;
} 但是下面的代码确实会产生错误Type 'string | null' is not assignable to type 'string'. Type 'null' is not assignable to type 'strin
浏览 14提问于2020-12-18得票数 0
回答已采纳
我正试图使用TypeScript为不同的模型构建一个事件处理系统，并且遇到了一个超级奇怪的错误，这看起来像是TypeScript的一个bug。
假设我们有一个模型ApprovalStep，它实际上是一个联合：
type ApprovalStepCompleted = {
state: 'completed',
};
type ApprovalStepBlocked = {
state: 'blocked',
};
type ApprovalStep = ApprovalStepCompleted | ApprovalStepBlocked;
我们希望对任
浏览 1提问于2020-05-07得票数 2
回答已采纳
在TypeScript中，有两种方法可以声明一个常量应该符合一个接口：
interface Foo { x: string; }
const HELLO: Foo = { x: 'hello' };
或
interface Foo { x: string; }
const HELLO = { x: 'hello' } as Foo;
它们似乎具有相同的效果: TypeScript将HELLO视为具有一种类型的Foo，如果将任何未出现在interface Foo中的成员赋给它，则会导致错误。
有什么理由偏爱其中一种形式而不是另一种形式？它们是完全等价的吗？
浏览 23提问于2017-02-01得票数 2
回答已采纳
简单的问题。为什么这个有效： const heroText = {
height: 400,
display: "flex",
justifyContent: "center",
}
<Grid item sx={heroText}>Some text</Grid> 下面的代码将显示Typescript错误(“没有重载匹配此调用。”)： const heroText = {
height: 400,
display: "flex",
justifyContent: "center"
浏览 45提问于2021-11-16得票数 4
回答已采纳
我想在TypeScript中询问关于记录的问题，目前，当我在函数中使用记录作为参数类型时，代码中会出现错误，因为它不能接受不同的类型。
type Keys = 'name' | 'qty';
const getValueByKey = <T = any>(items: Record<Keys, T>, key: Keys) => {
return items[key];
}
getValueByKey({ name: 'fulan', qty: 1}, 'name'); // Error: Ty
浏览 4提问于2022-07-23得票数 0
回答已采纳
谁能告诉我今天使用typescript的目的是什么？我确信人们使用typescript主要是为了避免一些由类型引起的bug。但是在v2.1之后，下面这样的代码是可以接受的：
let i;
let aNumber = (x:number) => {
x = 52;
console.log(x);
}
aNumber(i);
let aString = (x:string) => {
x = 'strung';
console.log(x);
}
aString(i);
这真的让我大吃一惊。我是封闭的，还是打字的作者？感谢你公正的回答！
问候你，
浏览 0提问于2017-08-03得票数 0
3回答
当我尝试使用联合或多个类型/接口时，Typescript compiler一直抛出错误。
我的要求
从服务器接收一个对象作为响应，其中一个键('errorMessages')具有数据类型string[]，而另一个键(' data ')可以是object或array。我为此编写了一个interface，如下所示：
interface MyServerResponse {
errorMessages: string[];
data: {
headers: string[];
body: any[][];
浏览 0提问于2018-07-25得票数 2
1回答
假设我们有一个联合类型，它表示三个不同的字符串值之一。
type Animal = 'bird' | 'cat' | 'dog';
现在我想创造一只狗，并检查它是什么样的动物，以创造正确的噪音，它执行。
let oscar: Animal = 'dog';
switch (oscar) {
case 'bird':
console.log('tweet');
break;
case 'cat':
console.log('meow')
浏览 5提问于2020-01-30得票数 4
回答已采纳
我正在用eslint建立一个新的打字稿项目。我正在尝试正确设置eslint规则，以便tsc命令运行时不会出现错误。我在tsconfig.json中使用的“tsconfig.json”规则有问题，但我无法用eslint检查这个规则。
.eslintrc.js：
module.exports = {
extends: [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-es
浏览 5提问于2020-11-13得票数 16
回答已采纳
我已经设置了CRA打字模板，并将故事书集成到应用程序中。我使用的是Chakra-UI，它现在缺少对一些组件的typescript支持。当我运行yarn storybook时，应用程序运行并提供了storybook应用程序，所有组件故事都运行得很好。但是，当我使用yarn build-storybook命令进行构建时，控制台中会出现TypeScript错误，命令退出时会返回退出代码1，而构建永远不会发生。我如何设置一个配置，这样即使有TS错误，storybook仍然可以继续构建？
错误示例如下。
浏览 16提问于2020-02-27得票数 1
我希望在TypeScript中为节点树建模，其中一些是“元素”节点，一些是“文本”节点(就像DOM中的节点一样)。这可以表示为： type Text = { text: string }
type Element = { children: Node[] }
type Node = Element | Text 然后，我尝试编写一个TypeScript实用程序，它可以获取树中出现的任何潜在后代节点的类型。我可以这样写： type Descendants<N extends Node> = N extends { children: Array<infer T> }
浏览 31提问于2021-04-03得票数 2
回答已采纳
我试图在我的TypeScript代码中有条件地访问一个猫鼬模型。有人知道如何修复这个TypeScript错误吗？Each member of the union type has signatures, but none of those signatures are compatible with each other
条件模型上的.find()抛出错误。
interface PictureDocument extends Document {
paint: string;
}
interface VideoDocument extends Document {
durati
浏览 3提问于2021-11-29得票数 3
回答已采纳
我有以下typescript代码：
type PossiblePromise<T> = T extends Promise<infer U>
? T | U
: T | Promise<T>;
type Z = PossiblePromise<boolean>;
const a = "a"
const f: () => Z = () => Promise.resolve(!!a);
将strictNullChecks设置为false。
结果类型Z是boolean | Promise<false>
浏览 40提问于2020-02-20得票数 0
回答已采纳
我有一个类似这样的泛型类，但我想用T传递附加值
@Injectable()
export class Repository<T,// value //> {
constructor(){
let _value = value;
}
}
-用法-
@Injectable()
export class ProductService {
constructor(private repo: Repository<Product, //string or numeric value//>) {
}
我想实现这样的东西，我如何在typescript中
浏览 7提问于2018-01-04得票数 0
我有我想要添加类型的现有API，还有接受字符串函数或对象的函数(我可以为此使用重载)，但它也接受这样的混合值数组。
在TypeScript中是否可能有字符串、函数或普通对象的数组？它应该为其他类型的数组抛出错误。
根据我添加的注释编辑：
function Terminal(interpreter: (string, object) => void, settings: object);
function Terminal(interpreter: (string | ((string, object) => void) | object)[], settings: object)
浏览 3提问于2018-06-11得票数 1
回答已采纳
这个数字是一个非常松散的表示，有时需要收紧。在我的例子中，我希望一个变量只能接受非负整数。有没有办法在TypeScript中强制执行此约束？
浏览 3提问于2014-01-20得票数 22
回答已采纳
1回答
我是dart的新手，我环顾四周，我看不到任何基本选项的选择，例如在TypeScript中。 请查看注释属性。‘'username’。 我定义了我的模型。 type User {
uid: string,
// Not chosen yet. The team knows this might be null from the '?' Might never be chosen.
username?: string
accountType: 'email'|'facebook' // Also no uni
浏览 31提问于2019-03-10得票数 5
我正在学习类型记录(并作出反应)，我试图检查一个对象是否为null，以便跳过进一步的处理。下面我有一个最小的例子。
如果inputCat为null，我想立即返回以跳过进一步的处理，如何在TypeScript中做到这一点？
declare class Cat {
color: string;
// lots of more properties here
}
const processCat = (inputCat: Cat): Cat => {
if(!inputCat) {
return {}; // throws
浏览 2提问于2022-04-21得票数 2
回答已采纳
我预期这个but函数会出现错误(返回一个对象，其中需要数组)，但是TypeScript没有引发错误：
function foo(bar: boolean, baz: any): string[] {
return bar ? baz : {};
}
似乎只有当其他三元分支返回any 1时才会发生这种情况。不管any是什么，TypeScript不应该在另一个分支上检测错误吗？
我知道baz不应该被输入为any。此示例来自于一个实际项目，该项目不完全遵循这样的最佳实践。而且，编写此代码时不存在unknown。
浏览 1提问于2018-09-19得票数 4
回答已采纳
我无法构建我的ionic 2应用程序。Serving在更改文件后工作。
在ionic serve上，我得到以下错误消息：
[07:36:10] ionic-app-scripts 1.0.0
[07:36:10] watch started ...
[07:36:10] build dev started ...
[07:36:10] clean started ...
[07:36:10] clean finished in 1 ms
[07:36:10] copy started ...
[07:36:10] transpile started ...
[07:
浏览 0提问于2017-02-21得票数 7
1回答
我使用了TypeScript Deep Dive中描述的穷举检查 与不是联合类型的类型相比，联合类型的穷举检查的工作方式似乎不同。为什么？? 例如，在下面的代码中，请注意，只有当我们断言x.kind为never时，exhaustivenessCheck1才能工作(不会在不应该输入error时输入error)。 然而，只有当我们断言x是never时，exhaustivenessCheck2才会做正确的事情。 type Variant1 = {
kind: 1 | 2
}
type Variant2 = {
kind: 1
} | {
kind: 2
}
const
浏览 13提问于2019-01-31得票数 3
回答已采纳
我有一个可迭代的数组析构，但不能正确地输入check。我对TypeScript非常陌生，所以我猜我做错了什么。我正在使用TypeScript 3.8.2。
此示例之所以有效，是因为没有进行类型检查，但取消对最后一行的注释会导致出现此代码示例下面的错误。
function MakeIterable<T> (a: T, b: number, c: boolean) {
const result = [ a, b, c ]
function* gen(): Generator<T | number | boolean, void, void> {
浏览 6提问于2020-04-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
