TypeScript -包装函数时键入rest参数和返回值
TypeScript 是一种开源的编程语言，它是 JavaScript 的一个超集，为 JavaScript 添加了静态类型检查功能。TypeScript 提供了更强大的类型系统，可以帮助开发者在编写代码时更早地发现潜在的错误，并提供更好的代码补全和代码导航功能。
当需要包装一个函数时，可以使用 TypeScript 的 rest 参数和泛型来确保输入和输出的类型安全性。
- Rest 参数：
- 概念：Rest 参数允许一个函数接受可变数量的参数，并将它们表示为一个数组。
- 优势：使用 Rest 参数可以简化函数的参数定义，以便适应不同数量的参数。
- 应用场景：Rest 参数通常用于需要处理可变数量参数的情况，例如求和函数、平均值计算等。
- 示例代码：
- 示例代码：
- 返回值类型：
- 概念：返回值类型用于指定函数返回的数据类型。
- 优势：使用返回值类型可以确保函数返回的值符合预期的类型，避免潜在的错误。
- 应用场景：返回值类型在函数定义中经常使用，用于明确函数的输出结果。
- 示例代码：
- 示例代码：
推荐的腾讯云产品和产品介绍链接地址：
- TypeScript 相关文档：https://www.typescriptlang.org/
- 腾讯云函数计算：https://cloud.tencent.com/product/scf
- 腾讯云云开发：https://cloud.tencent.com/product/tcb
- 腾讯云云托管：https://cloud.tencent.com/product/cfs
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb-for-mysql
相关·内容
我有下面的TypeScript代码行：
const removeType = ({ type, ...rest }) => rest;
它是一个函数，它从传入的type对象中移除rest属性。。
我得到了以下错误：
绑定元素' type‘隐式具有’任意‘类型。
如何消除错误？这可能是个错误，但如果可能的话，我想把它处理掉。
浏览 3提问于2021-07-28得票数 1
回答已采纳
我正在使用fetch-mock库来构建自己的实用程序。
在定义新函数并将args传递给fetchMock.mock函数时，我得到以下错误：
扩展参数必须具有元组类型或传递给rest参数。
export function mockRequest(...args: any) {
return fetchMock.mock(...args);
}
我可以严格地定义参数的数量，但是我想避免它。对如何保持...args和TypeScript快乐有什么建议吗？
我尝试过各种解决方案，比如使用.apply和进行一些强制转换，但都没有效果。
浏览 16提问于2022-08-13得票数 -2
回答已采纳
我在TypeScript中定义了一个函数类型。但我不能实例化它。为什么TypeScript会给出编译错误？这种结构在没有类型参数的情况下工作得很好，对于泛型签名，我不使用key of作为约束。当我从replaceProperty中删除类型参数时，它会做我想做的事情--代码似乎是正确的。
type ReplaceProperty<T, K extends keyof T, V> = (
i: T,
k: K,
v: V
) => { [P in keyof T]: K extends P ? V : T[P] };
// Compile error
// Gene
浏览 4提问于2021-04-10得票数 0
回答已采纳
在react本机中，我扩展了ORM类(根据它的文档)，但是我在VSCode TypeScript检查器中得到了以下错误：
Class static side 'typeof Animal' incorrectly extends base class static side 'typeof BaseModel'.
Types of property 'database' are incompatible.
Type '() => Promise<SQLite.WebSQLDatabase>' is n
浏览 4提问于2022-03-07得票数 4
回答已采纳
TL;DR -如何在不诉诸@ts-expect-error的情况下消除@ts-expect-error中的错误
假设我们定义了一个远程API..。
const api = {
str2num(_arg: string) { return 42; },
num2str(_arg: number) { return 'forty-two'; },
};
type API = typeof api;
type APIFuncName = keyof API;
type Func<FN extends APIFuncName> = API[FN];
export
浏览 5提问于2021-06-16得票数 3
回答已采纳
我想了解为什么TypeScript不能推断以下函数的返回类型(虽然它能够在if-else语句中进行区分)：
function calc (arg: number|string) {
if (typeof arg === 'number') {
// here typescript knows arg is number type
return arg
} else if (typeof arg === 'string') {
// here typescript knows arg is string type
retu
浏览 5提问于2020-08-28得票数 2
回答已采纳
我正在使用带有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
回答已采纳
1回答
我正在尝试使用MobX、TypeScript和react创建一个简单的React应用程序，在这里我将键入一个城市的名称，并且在单击add按钮时，它将用新添加的城市更新UI中的城市列表。
问题是，当我单击带有城市新名称的add按钮时，列表将不会更新。
请帮帮忙
浏览 2提问于2020-02-26得票数 1
考虑：
type Foo = {
bar: string,
baz: number
}
const bars = ['a', 'b', 'c'];
const foos = bars.map<Foo>((bar, i) => {
return {
bar,
baz: i
}
});
这将不会强制执行映射返回值的确切类型，例如，我可以说
return {
bar,
baz: i,
extraProp: 'boo!' // this works! (ba
浏览 0提问于2018-03-01得票数 8
回答已采纳
我有一个非常简单的反应应用程序的类型记录。
import React, { useState, useMemo } from "react";
import { Editor as Draft, EditorState } from "draft-js";
const Editor: React.FC = () => {
const [editorState, setEditorState] = useState<() => EditorState>(() =>
EditorState.createEmpty()
浏览 4提问于2020-07-03得票数 1
我是TypeScript的新手，我将把我的项目更改为TypeScript。但我犯了一些错误。我已经查过那些散布的论点，但我想不出正确的答案。
我已经试过了。
export const fetcher = async (...args) => {
return fetch(...args).then(async (res) => {
let payload;
try {
if (res.status === 204) return null; // 204 does not have body
p
浏览 102提问于2022-11-03得票数 2
回答已采纳
5回答
TypeScript 3.0引入了。
到目前为止，curry函数必须在TypeScript中使用和一系列条件语句进行注释，查询实现中传递的参数的数量。
我希望泛型rest参数最终提供实现完全通用解决方案所需的机制。
我想知道如何使用这个新的语言特性来编写通用的curry函数.当然，假设这是可能的！
使用我从修改的rest参数的JS实现如下所示：
function curry(fn) {
return (...args) => {
if (args.length === 0) {
throw new Error("Empty invocation")
浏览 4提问于2018-08-15得票数 16
回答已采纳
我正在将React文件转换为typescript，从.js更改为.tsx 我有一些事件处理程序，比如 function handleTitle(e) {
setTitle(e.target.value);
} 我改成了 function handleTitle(e:object) {
setTitle(e.target.value);
} 但随着我得到的改变 TypeScript error: Property 'target' does not exist on type 'object' 我试过e:object，e:array，e:any和e:st
浏览 142提问于2020-07-08得票数 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
我正在和Angular和Typescript的问题作斗争。
module App {
declare var environment;
export var app: ng.IModule = angular.module("budgetsApp", [])..factory("Company", CompanyFactory)
.controller('mainMenuController', MainMenuController);
--Typescript file
module App {
浏览 0提问于2015-09-08得票数 0
我正在用React和Typescript做一个Datepicker，但是我似乎不能用useRef和引用的.current属性来克服错误。我正在尝试获取我为其分配引用的div，以便在文档被单击时关闭它。 我就是不太明白我做错了什么。下面是我的代码： function Datepicker({label, placeholder}: DatepickerProps){
const [open, setOpen] = React.useState(false)
const [day, setDay] = React.useState(0)
const [month, setMonth]
浏览 893提问于2020-10-24得票数 12
回答已采纳
有人能帮我吗？我正在使用TypeScript，StyledComponent和React来创建React应用。此错误发生在生成期间，无法清除。
// browser and terminal error
TypeScript error in ./src/index.tsx(4,1):
Type '{ alt: string; src: string; }' is not assignable to type 'IntrinsicAttributes'.
Property 'alt' does not exist on type '
浏览 2提问于2019-10-10得票数 0
2回答
我有几个模块(或网桥)遵循如下相同的格式：
export interface Bridge {
foo: (a: string, b: boolean, c: string) => number;
bar: (a: number, b: number, c: string, d: string) => string;
x: (a: string) => boolean;
y: () => null;
}
因此，我需要创建一个层来导入相应的模块，而不是一些if-else处理。然而，这些模块中的功能将需要一种使之成为通用的回退机制。
export type
浏览 7提问于2022-06-01得票数 1
回答已采纳
TypeScript 3作为元组的扩展带来了一个新特性，可以使用任何类型的rest参数。
看起来是这样的：
function call<TS extends any[], R>(fn: (...args: TS) => R, ...args: TS): R {
return fn(...args);
}
function foo(x: number, y: string): string {
return (x + y).toLowerCase();
}
// The `TS` type parameter is inferred as `[number,
浏览 0提问于2018-08-22得票数 0
回答已采纳
我想了解以下TypeScript函数的语法。
export function forbiddenNameValidator(nameRe: RegExp): ValidatorFn
{
return (control: AbstractControl): {[key: string]: any} | null => {
const forbidden = nameRe.test(control.value);
return forbidden ? {'forbidden
浏览 1提问于2020-06-29得票数 0
回答已采纳
我有下面的代码和typescript推断变量d的类型是一个string，但实际上它应该是一个string | number。据我所知，这是因为typescript的一个功能，称为由于赋值而导致的类型缩小。但它可能变得非常不安全(正如下面的代码所暗示的那样)。如何选择退出这种行为？
interface Z {
name: string | number;
}
const f = (z: Z) => {
z.name = 200;
};
let z: Z = {
name: 2,
};
z.name = '2';
f(z);
const d
浏览 4提问于2021-09-27得票数 1
对于函数类型和TypeScript的React属性类型，有没有一种最佳实践？
我以为这会起作用，但实际上它错了：
type Props = {
onClick: Function
};
const Submit = ({ onClick }: Props) => {
return (
<button type="button" onClick={onClick}>
click me
</button>
);
按照这个线程，我让它工作了，但它似乎是不必要的冗长：
type Props = {
onClic
浏览 0提问于2019-08-15得票数 15
回答已采纳
我有一个箭头功能：
const getCsrfToken = async () => {
const csrfTokenResponse = await axios.get<any, AxiosResponse<CSRFToken>>(csrfUrl);
if (csrfTokenResponse?.data) {
return csrfTokenResponse.data;
}
return Error('Failed to fetch CSRF token.');
};
TypeScript给出了以下警告：
TS2339
浏览 3提问于2021-10-15得票数 1
回答已采纳
我有以下增强类类型的功能：
export interface TypeClass<A> {
instance: (constructor: A, methods?: object) => void;
}
export function type<A extends { new (name: string) }>(Class: A):
TypeClass<A> {
let name = Class.name;
let TypeClass = <A & TypeClass<A>>Class;
Type
浏览 1提问于2018-02-27得票数 1
回答已采纳
我正在做一个小程序来帮助我学习Python (我对Python非常陌生)。我使用的是Python 3.2。
在Python shell中，当我输入
f = open('filename.txt', 'r')
f.readlines()
它打印filename.txt中的所有内容。但是，当我在新窗口中输入它并使用.py扩展名保存它时，当我运行它时，它不会显示任何输出。它也不会给我任何错误。
代码看起来有点像这样：
f = open('filename.txt', 'r')
f.readlines()
while True:
浏览 1提问于2012-01-22得票数 2
回答已采纳
我有问题，当我在TypeScript中使用命名参数时，我知道它不支持和我在TS中使用它的方式。但是我怎么能
TypeScript：
SomeFunction(name1: boolean, name2: boolean, name3: boolean, name4: boolean) //will occur only 1 time, so the change should be in typescript
JavaScript：
$(function () {
...SomeFunction({name1:false, name2:false, name3:false, name
浏览 3提问于2017-02-08得票数 32
回答已采纳
我目前正在SvelteKit应用程序中的SvelteKit文件中使用以下内容：
export async function handle({ event, resolve }) {
console.log(event.locals) //<-- Works fine
}
我试图弄清楚如何在event和resolve参数上使用类型。据我所知，event的工作方式如下：
import type { RequestEvent } from '@sveltejs/kit'
export async function handle(event: RequestEvent, r
浏览 6提问于2022-07-03得票数 6
回答已采纳
根据教程，这是我第一次尝试使用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
回答已采纳
TypeScript使用泛型元组rest元素给出了一个错误
type Tuple<Value extends any[]> = [...Value];
错误：
$ tsc
src/index.ts:1:36 - error TS2574: A rest element type must be an array type.
1 type Tuple<Value extends any[]> = [...Value];
我在这里错过了什么？
打字本版本：typescript@3.1.6
type Tuple<HEAD, TAIL extends an
浏览 4提问于2018-11-17得票数 6
回答已采纳
使用TypeScript，我正在使用Express和Mongoose编写API，并尝试使用Passport设置身份验证，但在尝试将序列化函数传递给passport时，我得到了一个“属性不存在”错误。 根据documentation，我需要使用一个函数调用passport.serializeUser，该函数接受我的user对象并使用该用户的ID调用done。 我从@types/passport获取类型定义，declaration file将serializeUser函数的user参数类型化为Express.User serializeUser<TID>(fn: (user: Exp
浏览 9提问于2021-01-18得票数 1
回答已采纳
1回答
下面的简单递归在向量中查找重复的元素。它摘自托马斯·梅隆的“R:数据科学、分析和金融高级统计编程”的第二章函数式程序设计。当我们在函数中调用rest时，我想知道它为什么工作，因为它是在调用一个函数而不声明参数。
通常，这只会返回函数定义，但在递归函数中，我们不需要这样做，我想知道为什么。
如果我们将函数中的rest直接替换为find_duplicates(x, i + 1)，我可以看到它是如何工作的，但是我很难理解为什么它只调用函数所附加的名称。
例如，如果我们定义f<- function (x) x并调用f，它只返回代码function (x) x。
find_duplicates &
浏览 1提问于2018-02-28得票数 0
回答已采纳
2回答
我在Typescript中使用数组reduce时遇到了一些问题。为了简单起见，假设我有一个简单的数字数组，我想删除重复项并返回一个没有重复项的新数组，我习惯于使用reduce来做类似这样的事情： const new = nums.reduce((acc, item) => acc.includes(item) ? acc : [...acc, item], []) 其中: nums = 0，0，1，1，1，2，2，3，3，4和new应为: new = 0，1，2，3，4 我试着像这样键入函数： const new: number[] = nums.reduce((acc: number
浏览 54提问于2020-10-29得票数 0
回答已采纳
查找并分配具有categoryId的CategoryApi对象
export class CategoryApi {
categoryId: number;
name: string;
}
categories: CategoryApi[];
selectedCategory: CategoryApi;
selectedCategory = categories.findByIndex(2); //looking for categoryApi by categoryId = 2
我找到了这个javascript选项，但是Typescript抱怨它的功能
var inven
浏览 0提问于2016-12-07得票数 14
回答已采纳
我使用的是vue合成api和typescript。
如何使用typescript打字系统强打字组件道具？
浏览 7提问于2020-01-29得票数 29
回答已采纳
typescript void和Promise< void >类型有区别吗？
因为我搞不懂为什么这是一个有效的打字稿？
const asyncFunc: () => void = async () => {
await new Promise(resolve => resolve());
};
这不应该是唯一有效的案例吗？
const asyncFunc: () => Promise<void> = async () => {
await new Promise(resolve => resolve());
};
浏览 0提问于2020-01-09得票数 15
回答已采纳
1回答
我有以下TypeScript
var foo = (...myParams) => {
for (var i = 0; i < myParams.length; i++){
console.log(myParams[i] + " ");
}
};
foo('a', 'b', 'c');
但是，当它被WebStorm编译时，会在编译后的代码中发现错误：
当它按Node进行符文时，Node无法识别rest表达式。
C:\PluralSight\TypeScript>node
浏览 1提问于2016-04-18得票数 1
"use strict"
import passport from "passport"
import { Strategy } from "passport-http-bearer"
passport.use(
"users",
new Strategy({ passReqToCallback: true }, (req, token, done) => {
if (token !== "foo") {
return done(null, false)
}
浏览 13提问于2020-06-27得票数 1
回答已采纳
如果我生成这样的操作：
export const updateParticularObjectValue = createAction(
UPDATE_PARTICULAR_VALUE,
(id: string, amount: number, reason: string = 'default') => {
return { id, value: amount, reason };
},
);
由于某些原因，我的IDE (实际上，还有我的typescript编译器)抱怨说，当我显式传递第三个参数时，调用操作创建器时只需要两个参
浏览 1提问于2018-03-26得票数 1
我在JavaScript中使用了这个语句，但是当我试图在TypeScript项目中使用它时，我会得到一个错误。它在抱怨抓取(...args)
const fetcher = (...args) => fetch(...args).then(response => response.json());
Expected 1-2 arguments, but got 0 or more. TS2556
浏览 3提问于2020-12-15得票数 4
回答已采纳
当我查看时，我看到它使用了交集类型，但这种行为与我所期望的不一样。
我希望使用Object.assign将一些更改与旧对象合并，以创建一个新对象(在遵循不变的数据模式时，这是JS中的常见做法)，并让TypeScript验证部件和结果是否正确，但似乎TypeScript允许通过任何操作而不会出错。
例如：
interface Thing {
name: string;
age: number;
fav: boolean;
}
let oldThing: Thing = {
name: "Aaa",
age: 123,
fav: f
浏览 3提问于2016-10-06得票数 8
回答已采纳
与https://github.com/Microsoft/TypeScript/issues/26043相关 const f = <T extends any>(a: T) => a;
// How to implement ReturnTypeWithArguments ???
type r = ReturnTypeWithArguments<typeof f, number> // number
浏览 10提问于2019-06-23得票数 0
我只想限制< working. />的接口成员类型，下面的代码似乎不起作用。
import React, { ReactElement } from "react";
import { Route, RouteProps } from 'react-router-dom';
import Menu from 'feature/system/menu/Menu';
export interface IRouteConfig{
readonly path: string,
readonly name: string,
re
浏览 5提问于2020-09-16得票数 0
回答已采纳
我正在使用typescript和eslint。Eslint对=>箭头之后的返回进行了补充，当我添加它时，它也不起作用-- return new Promise((resolve, reject) => return {}。正确的语法是什么-
function getSizeFromObjectUrl(dataURL: string): Promise<any> {
return new Promise((resolve, reject) => {
try {
const img = new Image();
浏览 1提问于2021-06-04得票数 0
回答已采纳
我试图将一个类型为React.Component (或React.FunctionComponent)的变量传递到一个路由中，如下所示：
import React from 'react';
import { Route } from 'react-router-dom';
type PrivateRouteProps = {
component: React.Component | React.FunctionComponent;
isAuthenticated: boolean;
login: (...args: any[]) => an
浏览 0提问于2018-11-23得票数 29
回答已采纳
1回答
打字本通用类型问题
、、、
我有这段代码，它在升级到角10和"typescript": "3.8.3"后在"typescript": "4.0.8"中工作得很好，我看到了一些类型记录错误：
handleEventResponse<T extends any>(event: CustomEvent, { resolve, reject }): T {
let response: T = {} as T;
if (Array.isArray(event.data)) {
response = event.data as
浏览 17提问于2022-07-25得票数 0
回答已采纳
我有一个typescript函数，它给我一个关于不一致返回的错误。我知道我会在try中返回，并在catch中抛出一个错误，因此从技术上讲，catch语句中不会返回任何内容。然而，我不确定如何解决这个问题。 async function someFunction(): Promise<Course> {
try {
// some code logic to create a Course object
return courseObject;
} catch (error) {
throw new ApolloErr
浏览 22提问于2021-07-22得票数 0
我正在尝试创建一个简单的函数，它可以在给定的数组中找到最小的两个整数。刚开始使用typescript，但使用Javascript很好，我想知道为什么typescript会抱怨将两个数字相加： const array: Number[] = [
2, 3, 4, 2, 4, 3, 5, 2, 5, 91, 2, 4, 32, 43, 3, 5, 3435,
];
const twoSmallest = (array: Number[]): Number[] => {
if (array.length < 2) return array;
const maxSum =
浏览 532提问于2021-08-06得票数 0
回答已采纳
1回答
我正在研究Euler问题50项目，该问题指出：
素数41，可以写成六个连续素数之和：
41 =2+3+5+7+ 11 + 13这是相加在一百以下的素数的最长和。
在一千以下的连续素数的最长和，加到一个素数，包含21个项，等于953。
哪一个素数，低于一百万，可以写成最连续素数之和？
为了确定素数P中的项(如果它完全可以写成素数之和)，我使用所有素数的滑动窗口(按递增顺序排列)，直到(但不包括) P，并计算所有这些窗口的和，如果和等于考虑的素数，则计算窗口的长度。
这对于1000的所有素数都很好，但是对于10**6的素数，它非常慢，所以我希望回忆录会有所帮助；在计算滑动窗口之和时，做了很多双重
浏览 1提问于2012-05-20得票数 5
回答已采纳
我在使用类型记录的类型系统来建模从Lua调用到TypeScript的通用接口时遇到了困难。为此，开发人员必须定义一个TypeScript接口，定义Lua可以调用的TypeScript方法。细节在这里并不重要，下面的简单例子说明了我的困惑。
正如您从上面的代码中看到的，我有"ApiInterface"，它定义了开发人员可能希望从Lua调用的任意方法。所有这些方法都使用一个对象(类似于“this”)的第一个参数，其余的参数可以是开发人员需要从Lua传递到TypeScript方法的任何参数。实际上，这些剩馀的参数所支持的唯一类型是数字、字符串、布尔、null等原语。在上面的
浏览 5提问于2022-03-19得票数 0
回答已采纳
为什么这不会导致编译器错误？
function foo(): () => void {
return () => Promise.resolve();
}
这种特殊情况很重要，因为当函数返回promise时，调用者应该知道该函数在promise解析或拒绝之前并未“完成”。
Promises与为什么这是我正在研究的代码库中的问题有关，但似乎void和函数类型的组合在一般情况下得到了我不理解的特殊处理。为什么下面的第一行会出错，而第二行不会呢？
const y: void = 3; // error
const x: () => void = ()
浏览 0提问于2020-04-29得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
