TypeScript未使用Pick强制返回类型
TypeScript是一种静态类型的编程语言，它是JavaScript的超集，为JavaScript添加了静态类型检查和其他一些特性。在TypeScript中，可以使用Pick来从一个类型中选择部分属性，并创建一个新的类型。
如果在TypeScript中未使用Pick强制返回类型，那么返回的类型将根据具体的代码逻辑和语法推断来确定。这意味着返回类型可能是原始类型、对象类型、函数类型或其他类型，取决于代码中的上下文。
在实际开发中，未使用Pick强制返回类型可能会导致以下问题：
- 缺乏类型安全性：没有明确指定返回类型，可能会导致类型错误和难以调试的问题。
- 可读性差：没有明确的返回类型，可能会使代码难以理解和维护。
- 难以重构：没有明确的返回类型，可能会导致重构代码时出现问题。
为了解决这些问题，建议在TypeScript中使用Pick来强制返回类型。Pick可以根据需要从一个类型中选择部分属性，并创建一个新的类型。通过使用Pick，可以明确指定返回类型，提高代码的可读性和可维护性，并增加类型安全性。
以下是一个示例代码，演示了如何使用Pick来强制返回类型：
interface Person {
name: string;
age: number;
address: string;
}
function getPersonInfo(): Pick<Person, 'name' | 'age'> {
const person: Person = {
name: 'John',
age: 30,
address: '123 Street'
};
return {
name: person.name,
age: person.age
};
}在上面的示例中，我们定义了一个Person接口，它具有name、age和address属性。然后，我们编写了一个getPersonInfo函数，它使用Pick来强制返回类型。在Pick中，我们选择了Person类型的'name'和'age'属性，创建了一个新的类型，该类型只包含这两个属性。然后，在函数中，我们创建了一个person对象，并返回了一个只包含'name'和'age'属性的对象。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我想输入一个名为pick的函数，我知道typescript有内置的Pick<T, K>，现在我想实现实际的源代码使用部分，但我卡住了。 此函数的作用是根据给定的字符串对提供的object的属性进行pick，并返回new object。 用法如下： const data = { name: 'Jason', age: 18, isMember: true };
const pickedData = pick(data, ['name', 'isMember']);
console.log(pickedData)
// => {
浏览 25提问于2019-03-13得票数 2
回答已采纳
我想用typescript编写这个函数： const pick = (obj, keys) => {
if (!Array.isArray(keys)) keys = keys.split(',')
return keys.reduce((acum, key) => (acum[key] = obj[key], acum), {})
}
const o = {
a: 1,
b: 2,
c: 3
}
console.log('o[a,c]:', pick(o, 'a,c')) // { a: 1,
浏览 36提问于2019-06-14得票数 0
我有一些使用pg-to-ts生成的模式生成类型化SQL查询的TypeScript代码。 const getUserByEmail = selectBy('user', ['email']);
// const getUserByEmail: (db: Queryable, select: Pick<User, "email">) => Promise<User[]> 此函数运行良好，并且类型正确。但我不喜欢它的显示方式。我希望它显示select: {email: string}，而不是在参数列表中显示select:
浏览 25提问于2021-11-15得票数 1
我该如何解决这个问题？
Angular CLI: 14.0.2
Node: 16.13.0
rxjs: 7.5.5
typescript: 4.7.4
我的进口品：
import { Observable, BehaviorSubject } from "rxjs";
import { first, catchError, tap } from "rxjs/operators";
在first()上出错，
login(
email: Pick<User, "email">,
password: Pick<
浏览 9提问于2022-07-03得票数 -1
回答已采纳
在下面的mapStateToProps中，我想指定一个显式的TypeScript返回类型：
interface CounterProps {
sequence: number;
count: number;
}
class Counter extends Component<CounterProps> {
public static defaultProps = {
sequence: 0,
count: 0
};
public render() {
const sequence = t
浏览 14提问于2019-08-16得票数 3
回答已采纳
提示pick函数，该函数仅被声明，而不是实现。我试图通过以下方式实现一个简化版本：
function pick<T, K extends keyof T>(obj: T, key: K): Pick<T, K> {
return { [key]: obj[key] }
}
我得到了以下错误："TS2322：{ [x: string]: T[K]; }类型不能分配给Pick类型。“我想知道为什么key被推广到string，即使它被声明为keyof T。首先，一个人如何实现pick而不使用any或像as Pick<T, K>这样的转换？我还想澄清一下
浏览 8提问于2022-07-22得票数 1
回答已采纳
我希望基于给工厂方法的实例参数来创建实例。我能够使用重载编写以下代码。如何用TypeScript泛型来表示？
class Car {
brand = 'Skoda';
}
class Human {
name = 'Jan';
}
class Garage {
lots = 5;
}
class House {
floors = 2;
}
class NotAllowed {
anything = 'anything';
}
class Selection {
pick(what: Ca
浏览 0提问于2021-09-16得票数 1
回答已采纳
首先看看下面的函数addPropertyIfValueIsNotUndefined的工作原理： function addPropertyIfValueIsNotUndefined<Value>(key: string, value: Value): { key?: Value; } {
return isNotUndefined(value) ? { [key]: value } : {};
}
function isNotUndefined<TargetValue>(targetValue: TargetValue | undefined): target
浏览 13提问于2020-11-03得票数 0
我是TypeScript，React和英语的新手，很抱歉我的模棱两可。我写了一个这样的函数：
interface ObjectAttrUniqueState {
editVisible: boolean;
currentId: number;
selectedUnique: number[];
name: string;
desc: string;
}
// some other code.....
handleChangeForm(e: React.ChangeEvent<HTMLInputElement>, attr: 'desc' |
浏览 47提问于2019-11-21得票数 0
function f<T extends {id: string}>(id: T['id']): Partial<T> {
return {id: id}; // ERROR: Type '{ id: T["id"]; }' is not assignable to type 'Partial<T>'
} (TypeScript Playground link) 我正在尝试弄清楚为什么上面的代码是不允许的。从根本上说是不合理的？或者是因为TypeScript类型系统的限制？
浏览 23提问于2020-08-24得票数 2
回答已采纳
1回答
在TypeScript中，下面的useContext是否有一种方法可以从提供者那里选择并返回值类型？
function Provider<Props = {value: number}>(props: Props) { }
function useContext<Value>(context: Context<Value>): Pick<Value, 'value'> { return 0 }
使“使用者”在使用时返回类型: number，如下所示
function Consumer<Props>(props: Pro
浏览 0提问于2019-07-27得票数 2
回答已采纳
给定以下代码(游乐场链接：)
declare function pick<T, V>(f:(x:T, y:V) => V):V;
declare function pick<T, V>(f:(x:T, y:V) => T):T;
var xx = pick((x: number, y:string) => x);
var yy = pick((x: number, y:string) => y);
TypeScript选择了不正确的重载，并且无法推断xx的类型。
有没有可能让typescript选择正确的重载？
注意:为了避免XY问题，这是最初的
浏览 1提问于2014-05-19得票数 7
我试图用TypeScript (2.8)实现React文档(React 16.3)中的示例，但失败了。作为参考，React手册中的代码：
const ThemeContext = React.createContext('light');
// This function takes a component...
export function withTheme(Component) {
// ...and returns another component...
return function ThemedComponent(props) {
// ...
浏览 55提问于2018-05-31得票数 7
回答已采纳
以下代码会导致错误，因为根据TypeScript，类型Pick<Test<T>, Exclude<keyof T, "someKey">>不能赋值给T。当我推断这种类型时，它应该被赋值给T，有没有办法让TypeScript同意我的观点？或者这只是突破了TypeScript中泛型类型的界限，因为不是动态类型的变体可以正确编译。 type Test<T = {}> = T & {
someKey: string
};
function extract<T>(props: Test<T>): T
浏览 26提问于2019-03-15得票数 0
回答已采纳
当我在Typescript中尝试这样的东西时... interface SomeType {
size: 'sm' | 'md' | 'lg';
other: any;
}
let size: Pick<SomeType, 'size'> = 'sm'; 我得到了这个错误。这是预期的错误吗？ Type '"sm"' is not assignable to type 'Pick<SomeType, "size">'
浏览 8提问于2019-06-20得票数 1
回答已采纳
1回答
我有几个接口：
interface ISubstitution {
id: number;
name: string;
date: string;
subject: number;
new: string;
group: number;
form: boolean;
}
interface ISubstitutionHot {
new: string;
group: number;
form: boolean;
}
相应的its是一个按接口类型的对象：
public a: any;
a = <ISubstitution> {
浏览 0提问于2018-04-06得票数 2
回答已采纳
3回答
你好，打字专家们。我不想要一个解决方案，而是一个提示，如果这在Typescript中是可能的。我对条件类型还是比较陌生的。是否可以从属性和方法的类中提取类型到接口？
interface ExtractTypings<Class, MembersOrMethods> {
// ?????
}
class Bar {
a: boolean;
b: number;
c() {
return 'some string';
}
d() {}
e() {
return new Observable<number>();
浏览 0提问于2019-07-31得票数 3
这里我的目标是创建一个名为：getFields的函数。此函数有一个泛型<T>和一个参数...fields: Array<keyof T>。我希望这个函数返回一个函数，当给定一个<T>类型的对象时，它将返回一个简化的对象，其中只包含在...fields中命名的属性。
下面是一个帮助器类型和我的getFields实现：
type SubObj<T, S extends Array<keyof T>> = Pick<
T,
keyof { [K in S[number]]: K extends keyof T ? K : ne
浏览 3提问于2020-10-16得票数 1
1回答
来自TypeScript文档：
// Removes 'optional' attributes from a type's properties
type Concrete<Type> = {
[Property in keyof Type]-?: Type[Property];
};
type MaybeUser = {
id: string;
name?: string;
age?: number;
};
我知道我可以将?修饰符添加到all属性中，如果我想要根据属性添加基于extends表达式的属性怎么办？
行为会是这样的：
// N
浏览 3提问于2021-05-16得票数 2
回答已采纳
Typescript 未在vscode (或stackblitz)中映射智能感知。如果MyType有一个文档化的属性，那么你将一个类型定义为Pick<MyType, 'someProperty'>，然后将鼠标移到.someProperty上，你将看不到文档，或者如果你右键单击-> Go to Definition，它将找不到任何文档。不过，对于Partial<MyType>来说，这是可行的。
我创建了变通方法PickPartial<T, K extends keyof T>和演示。这是Typescript还是vscode错误，或者Pic
浏览 4提问于2018-08-14得票数 0
回答已采纳
1回答
我正在使用Next.js，并尝试使用TypeScript和mongoose查询MongoDB，但我有一个类型错误。 types.d.ts type dbPost = {
_id: string
user: {
uid: string
name: string
avatar: string
}
post: {
title: string
description: string
markdown: string
slug: string
createdAt: string
}
} export const get
浏览 67提问于2020-09-25得票数 1
2回答
在过去的几个小时里，我一直在摆弄这个东西，有时看起来有效，有时不起作用。我觉得我的语法可能会有一点偏差，但似乎找不到它。任何帮助都是最好的。
<script type="text/javascript">
$(document).ready(function(e) {
var pick1 = <?php echo json_encode($variable[1]) ; ?>;
if( pick1 = 'all' )
{
$("#west tr:eq(1)"
浏览 1提问于2013-03-12得票数 0
回答已采纳
我有一个HOC，它为包装的组件提供一个属性。 我想要编写Typescript类型定义，以正确地公开由这个HOC创建的组件的Props类型:基本上复制(推断)包装组件的props类型，并删除我的HOC提供的属性。有可能吗？ 在下面的示例中，我有一个特殊的withBar，它为任何接受它的包装组件提供bar:string属性。因此，Foo = withBar(FooBar)组件应该有属性FooBarProps，不包括bar，这意味着只有{foo: string}。然而，Typescript显然仍然认为Foo组件也应该获得foo属性。 我使用Typescript 3.3.1。 import *
浏览 17提问于2019-06-11得票数 3
回答已采纳
为什么下面的代码有错误？
我想知道这是TypeScript编译器的一个bug。
type A =
| {
type: 'a';
a: string;
}
| {
type: 'b';
b: string;
};
type X = {
x: string;
} & A;
type XX = Pick<X, Exclude<keyof X, 'x'>> & {
x: number;
};
const x: XX = {}
浏览 0提问于2018-12-27得票数 5
回答已采纳
1回答
我正在尝试创建类型安全的专案，使用TypeScript和react。
特色化/可见范围
import React from "react";
import { Subtract } from "utility-types";
import { connect } from "react-redux";
import { rangeVisibilitySelector } from "./date-range.selectors";
interface IInjectedProps {
visible: boolean;
}
浏览 2提问于2018-10-23得票数 0
回答已采纳
1回答
我正在尝试使Required映射类型适用于旧版本的Typescript (如离子框架3使用的2.6.2版本)。 我一直到现在都有这个： declare type MakeRequired<T, K extends string> = {
[P in K]: string
}
declare type MyRequiredType = MakeRequired<MyInterface, keyof MyInterface> 它使T(MyInterface)的可选属性成为必需的，但当然它会将所有这些类型转换为strings。 所以 interface MyInter
浏览 3提问于2019-02-03得票数 1
1回答
为什么这些类型不兼容？
、、、
我有这样一种价值类型：
export type Value = {
__typename?: 'Value',
key?: Maybe<Scalars['String']>,
label?: Maybe<Scalars['String']>,
value?: Maybe<Scalars['String']>,
};
以及一个查询结果类型(生成的阿波罗钩子)如下：
Maybe<Maybe<{
__typename?: "Value" | und
浏览 2提问于2020-03-04得票数 0
type A = {type: 'TypeA', attr1: string}
type B = {type: 'TypeB', attr2: string}
type U = A | B type X= Pick告诉我： { type: 'TypeA' | 'TypeB' } 我想要的是： { type: 'TypeA' } | { type: 'TypeB' } 如何用typescript实现我想要的？
浏览 25提问于2020-09-07得票数 1
回答已采纳
例如，我制作了一个名为JavaScript的库，我想知道如何使它在TypeScript类型系统中工作。
这个库允许我们通过将一个对象-文字传入API来定义一个类，如下所示，我想知道如何使它返回与编写常规class {}相同的类型
import Class from 'lowclass'
const Animal = Class('Animal', {
constructor( sound ) {
this.sound = sound
},
makeSound() { console.log( this.sound ) }
})
const
浏览 0提问于2018-06-17得票数 1
回答已采纳
我试着从一个对象中提取一些属性。
需要提取的键作为函数的参数。
例如，对于此代码，它从对象中复制特定的键，并返回具有相同键的另一个对象new。
function pick(source: object, ...keys: string[]) {
const returnValue = {}
for (const key in source) {
const index = keys.indexOf(key)
if (index < 0) continue
keys.splice(index, 1)
retu
浏览 1提问于2017-11-20得票数 2
回答已采纳
我正在与Prisma一起为我的数据库数据生成模式和模型。
在那里，我定义了一个“用户”模型，它拥有这个数据(类型是由Prisma自动生成的)：
type User {
name: string,
nickName: string,
sensitiveInfo1: string,
sensitiveInfo2: string
}
但是，当我的客户端请求这些数据时，我无法在响应有效负载中发送敏感信息。
Prisma有一种非常方便的方法来定义自定义类型：
import { UserGetPayload } from "./prisma/src/generate
浏览 5提问于2020-10-19得票数 2
回答已采纳
这是错误还是我误解了打字稿的内容？
示例代码如下：
type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
const func = <A extends B, B>() => {
const aWithoutB: Omit<A, keyof B> = {} as any; // The {} assignment isn't important here.
const b: B = {} as any;
const a: A = {
...aWithou
浏览 0提问于2019-05-16得票数 3
回答已采纳
我经常需要从对象中提取属性。
const obj = {a:1, b: 2, c: 3};
const plucked = pluck(obj, 'a', 'b'); // {a: 1, b:2}
但是，如果您希望类型安全，那么在TypeScript中就不容易做到这一点，因为我不能用TypeScript实现具有以下签名的函数，这是我在上找到的。
declare function pick<T, K extends keyof T>(obj: T, ...keys: K[]): Pick<T, K>;
我找不到编译过的版本，下面是我尝试过的
浏览 0提问于2018-03-18得票数 1
我刚刚开始使用原生的react，我正在尝试使用typescript。我正在尝试设置我的状态，但它给出了以下错误。
Argument of type '{ pickerData: PickerData; }' is not assignable to parameter of type 'IRegisterScreenState | ((prevState: Readonly<IRegisterScreenState>, props: Readonly<IRegisterScreenProps>) => IRegisterScreenStat
浏览 7提问于2020-02-18得票数 0
回答已采纳
我在玩Typescript，我对Pick的用途有点迷惑。
我发现：
type AB = {
a: string,
b: string,
c: string,
}
type OnlyB = Pick<AB, 'b'>;
const x = {a:'hello', b:'yo', c:'yes'};
const y: OnlyB = x; /*This assignment is fine.*/
const z: OnlyB = {a: 'hello', b:'yo', c
浏览 0提问于2020-08-27得票数 1
1回答
是否有可能让TypeScript接口接受一个number支柱，它的值总是低于接口中的另一个number支柱？
例如，如果我有一个numberOfFiles道具和一个currentFileIndex道具，并且我总是期望currentFileIndex道具小于numberOfFiles。我能在我的界面中定义它吗。
类似这样的东西：
interface IProps {
numberOfFiles: number;
currentFileIndex: number<less than numberOfFiles>;
}
如果这是不可能的话，这并不是世界末日，但是知道它是否是世界末
浏览 0提问于2018-10-23得票数 0
回答已采纳
我有以下create函数，它有两个定义：
// Definition 1
export async function create<Entity>(
entity: ObjectType<Entity>,
data: DeepPartial<Entity>
): Promise<Entity>;
// Definition 2
export async function create<Entity>(
entity: ObjectType<Entity>,
data: DeepPartial<En
浏览 0提问于2019-08-31得票数 1
回答已采纳
跟进，它为我们提供了ObjectDiff (出于以下目的，我已将其重命名为ObjectExclude )
我有一个接受一个对象的函数，以及一个我想要从该对象的克隆中删除的属性列表。我如何告诉Typescript这里发生了什么？类型应该是传入的对象，减去其键随后被传入的属性。
type ObjectExclude<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
function removeProps<T extends object, U extends keyof T>(
obj: T,
...
浏览 0提问于2018-12-18得票数 1
查询前的html复选框，我选择了选项1和选项4。
应将值存储在其中的数据，但应将其存储在选项1和选项2列中，而应将其同时存储在'opt1‘和'opt4’中
PHP
if( isset( $_POST['picked'] ) )
{
$keepdata = array();
$keepdata = $_POST['pick'];
$sqlinsert = "INSERT INTO traincheckbox VALUES ( nu
浏览 0提问于2018-02-01得票数 0
回答已采纳
假设我有一个DTO (数据传输对象)表示模型。此DTO包括模型ID、创建日期和最后更新日期。
我想在此基础上定义另一种类型，其中我只想在定义了模型DTO的所有属性时，但是使ID是可选的，这样新的DTO可以作为一个通用的DTO来创建新的实例和更新现有的实例( CreateUpdateSomeModelDTO类型)？
或者，我希望从这种新类型中删除创建日期和最后更新日期，如果这些日期应该由服务器或数据库设置，而不是由客户端设置。
如何根据这个初始的DTO类型在TypeScript中定义这个新类型：
type Product = {
id: string;
name: string;
浏览 12提问于2022-10-31得票数 0
1回答
我从typescript中的以下lambda函数开始： export const handler: APIGatewayProxyHandler = async (event: APIGatewayProxyEvent, context: Context): Promise<APIGatewayProxyResult> => {
} 在学习了typescript之后，我知道函数中的参数是给定的类型(分别是APIGatewayProxyEvent和Context )。类似地，函数的返回类型是通过在冒号(Promise<APIGatewayProxyResult&g
浏览 7提问于2020-08-07得票数 0
回答已采纳
我想输入一个名为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
回答已采纳
环境
打字本的版本为3.2.1，"tsconfig.json“如下所示。
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noImplicitReturns": true,
浏览 1提问于2018-12-12得票数 14
回答已采纳
TypeScript索引签名类型是否可以声明每个索引都实现了泛型接口的某些版本？我想写这样的代码：
interface HasState<T> {
state : T;
}
interface ModuleDefinition {
[moduleName : string] : <T>HasState<T>;
}
这是我的用例：
我有一个对象的TypeScript映射类型：
interface ModuleDefinition {
[moduleName : string] : HasState;
}
interface HasState {
浏览 4提问于2017-02-02得票数 2
回答已采纳
2回答
我正在使用TypeScript编写一个React应用程序。
我为一个函数编写了一个包装器，该函数进行API调用：
import { ROUTE_CANDIDATES, ROUTE_TWIG_PICK } from "../../../config/constants/routes";
import { pickSchema } from "../../../config/schemas/picks";
import { PickCreateBulkResponse, PickCreateUpdateResponse } from "../../../co
浏览 0提问于2018-11-06得票数 0
回答已采纳
我遇到了一个挑战，我不想一直重写多个接口。
我需要一个接口是完全可写的，也有一个“副本”的接口，其中所有的字段都是只读的，除了那些我选择是可写的。
Typescript具有可能允许这种情况的映射类型。
浏览 1提问于2020-02-17得票数 0
我想通过对象类型的值类型来过滤类型。 这在当前的typescript规范中是可能的吗？ type a = {
a: '123'
}
type b = {
b: '123'
}
tpye c = {
a: '123',
}
type map = {
first: a,
second: b,
third: c,
}
type HavingAValueMap = Magic<map>; // pick value with having 'a' property
// { first: {.
浏览 24提问于2020-12-17得票数 0
回答已采纳
在TypeScript 3.9.7中运行，这与编译器无关：
const someFn: () => void = () => 123;
我发现了，这解释了这是设计出来的。我在某种程度上理解了它背后的推理(基本上，在将函数作为参数传递时，您应该能够忽略返回类型)。
但是这个故事变成了另一个看承诺的故事：
const someFn: () => void = () =>
new Promise((resolve, reject) => reject(Error('onoez')));
someFn();
我正在使用eslint的@typescrip
浏览 5提问于2020-08-13得票数 3
编辑:更改标题以正确反映问题。
我试图在接口中选择特定属性的确切类型定义，但该属性是映射类型[key: string]:。我尝试使用T[keyof T]访问它，因为它是该类型中唯一的属性，但它返回never类型。
有什么方法可以像Pick<Interface, [key: string]>或Interface[[key: string]]那样提取类型吗？
我要访问的接口是type { AWS } from '@serverless/typescript';。
export interface AWS {
configValidationMode?: "
浏览 6提问于2022-02-26得票数 4
回答已采纳
2回答
我正在尝试从另一个对象扩展一些属性：
interface IAlice {
foo: string;
bar: string;
};
interface IBob extends IAlice {
aFunction(): number;
anotherValue: number;
};
let alice: IAlice = {
foo: 'hi',
bar: 'bye'
};
let bob: IBob = Object.assign({}, alice); // Typescript error no aFunction &a
浏览 14提问于2018-08-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
