typescript:创建一个接受IncomingHttpHeaders作为参数的函数
TypeScript是一种开源的编程语言，它是JavaScript的一个超集，可以编译为纯JavaScript代码。TypeScript通过添加静态类型、类、模块等特性，提供了更强大的开发工具和更严格的代码检查，使得开发人员可以更轻松地构建大型、复杂的应用程序。
对于创建一个接受IncomingHttpHeaders作为参数的函数，可以使用TypeScript来定义函数的参数类型和返回类型，以提高代码的可读性和可维护性。IncomingHttpHeaders是Node.js中的一个接口，用于表示HTTP请求的头部信息。
以下是一个示例代码：
import { IncomingHttpHeaders } from 'http';
function processHeaders(headers: IncomingHttpHeaders): void {
// 在这里处理头部信息
console.log(headers);
}
// 调用函数并传入头部信息
const headers: IncomingHttpHeaders = {
'Content-Type': 'application/json',
'Authorization': 'Bearer token123'
};
processHeaders(headers);在上述示例中，我们首先通过import语句引入了IncomingHttpHeaders接口，然后定义了一个名为processHeaders的函数，它接受一个类型为IncomingHttpHeaders的参数headers。在函数体内，我们可以根据需要对头部信息进行处理。最后，我们创建了一个headers对象，并将其作为参数传递给processHeaders函数进行处理。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless Cloud Function）：腾讯云的无服务器计算服务，可用于快速构建和部署事件驱动的应用程序。
- 云开发（CloudBase）：腾讯云的一站式后端云服务，提供了云函数、数据库、存储、托管等功能，可帮助开发者快速搭建全栈应用。
- API 网关（API Gateway）：腾讯云的 API 管理服务，可用于构建和管理高性能的 API 接口。
- CDN（内容分发网络）：腾讯云的全球加速服务，可提供快速、稳定的内容分发，加速网站访问速度。
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
我是TypeScript的新手。
有人能解释一下这个TypeScript代码片段的含义吗？
function MappableMixin<T extends Constructor<Model<MappableTraits>>>(Base: T) {
代码链接为
谢谢。
浏览 4提问于2022-02-14得票数 2
回答已采纳
我想要创建一个函数check(f)，其中参数f必须是返回与其参数相同类型的函数，并且将推断该类型。例如：
check((v: number) => v + 1); // OK
check((s: string) => s.toLowerCase()); // OK
check((v: number) => v.toString()); // Not OK
我尝试了以下几点：
function check<T>(f: (v: T) => T) { }
check((v: number) => v > 10 ? v : ""); /
浏览 1提问于2019-09-02得票数 0
回答已采纳
这与具有严格的空检查的typescript有关。假设你有一个接口，比如：
interface Name {
firstName?: string;
lastName?: string;
}
这样就有了一个Name[]数组。
我如何过滤这个数组，让typescript知道firstName的存在？例如：
names.filter(name => !!name.firstName).map(name => {
// inside here, typescript still thinks name.firstName is possibly undefined
// b
浏览 11提问于2019-08-18得票数 2
1回答
假设我们有这样的代码：
class MyEvent {
timestamp:number;
}
class AEvent extends MyEvent{
x:number;
y:number;
}
class BEvent extends MyEvent{
key:string;
}
var fn:(event:MyEvent)=>void;
function AE(event:AEvent){
let x = event.x; //Ok, but BEvent hasn't 'x' property.
}
fn
浏览 0提问于2016-08-01得票数 0
TypeScript 2.7.2产生了一个相当惊人的错误。
const handleKeyDown = (document: Document, ev: KeyboardEvent): any => {
switch (ev.keyCode) {
case 78: // N
this.someOtherFunction();
console.log("Pressed key N");
break;
default:
break;
}
};
document.addEventListener<&
浏览 1提问于2018-03-11得票数 0
回答已采纳
1回答
我想通过一个函数参数动态地创建一个具有动态指定键的接口实例。
实际上，我想做这样简单的事情：
function callWith(key, value) {
return fnWithKeyValue =>
fnWithKeyValue({ [key]: value });
}
(我特别希望这是一种具有设置动态属性的能力的临时反应，但我已经尝试简化上面的内容)
例如，假设有一些函数或多或少超出了我的控制范围：
interface ValueType {
magicValue: number;
}
function MyCallback(v: ValueType)
浏览 0提问于2018-05-19得票数 0
回答已采纳
我有一个TypeScript错误：
类型‘(元素:会话) => void’的参数不能分配给类型的参数‘(值:会话、索引:数字、obj: Conversation[]) =>布尔值’。类型'void‘不能分配到键入'boolean’。
这是我的模式
export class Conversation {
constructor(
public id: number,
public dateTime: Date,
public image: string,
public isUnread: boolean,
publi
浏览 0提问于2016-03-09得票数 34
回答已采纳
我有一个如下所示的函数，可以根据字符串标识符加载多个数据库： function getDB<TRecord extends {} = any, TResult = unknown[]>(config_name: string, maxConnections: number = 1): Knex<TRecord, TResult> {
if (&& cfg.datastores && !!cfg.datastores[config_name]) {
if (databases[config_name]) {
浏览 15提问于2021-08-12得票数 1
回答已采纳
我正在为我的移动应用程序创建typescript中的输入组件。我试图用字符串钩子处理文本输入中文本的变化，所以我创建了这个：const [password, setPassword] = useState('');现在我有一个输入组件：<TextInput value={password} onChangeText={(e) => setPassword(e.target.value)} />，我得到一个错误：“属性‘useState’在类型‘string’上不存在”
浏览 40提问于2021-04-10得票数 0
回答已采纳
我在一个使用Firebase进行身份验证的React应用程序中使用TypeScript。在使用TypeScript之前，我对Firebase部分使用了一个常规上下文，这很好。但是，现在我已经添加了TypeScript，我得到了错误。
例如，下面是我的SignIn组件(为了简洁起见省略了一些部分)：
import React, { Component } from 'react';
import Firebase, { withFirebase } from '../Firebase';
const SignInForm = (firebase:
浏览 2提问于2021-02-19得票数 0
回答已采纳
2018年2月20日更新:将其作为发布。
更新2月28日:解决了该问题，支持。
在下面的代码片段中，如果您查看最后两行，TypeScript会在第一行中显示错误，并在第二行中正确推断类型，尽管区别只是函数的管道顺序。
const pipe = <A, B, C>(
x: A,
a: (x: A) => B,
b: (x: B) => C,
) => b(a(x));
// This just calls the function passed as argument.
const call = <A, B>(f: (x: A) =>
浏览 0提问于2018-02-14得票数 13
我声明一个类型，它是一个函数，它接受Person类型的一个参数并返回一个Person。
我没有指定参数是可选的，那么为什么类型记录允许我向他传递一个没有参数的函数呢？
type Patcher = (key: Person) => Person;
function doSomething<T>(patcher: Patcher){
console.log('hello world');
}
doSomething<Person>(() => { // Here I pass empty parameter but typescrip
浏览 1提问于2019-09-22得票数 1
回答已采纳
下面的语法在TypeScript中有什么作用？
export interface Config {
readonly name: string
readonly buildPath: (data?: Data) => string
readonly group: string
}
export interface Data {
id: number
account: string
group: 'a' | 'b' | 'b'
}
so what does the following method do?
config.bu
浏览 2提问于2020-06-19得票数 1
2回答
我只是在想，在javascript或typescript中，是否有一种方法可以在元素映射本身中编写fat箭头函数的条件？
当前代码
functionName(data => {
if(data){
}
});
在data到达if语句之前是否有检查它的语法？
有点像
functionName(data? => {
if(data){ // This code is then not needed
}
});
或
functionName(!data => {
if(data){ // This code is then not needed
}
浏览 0提问于2018-05-16得票数 1
回答已采纳
我从Typescript开始，发现了一个我无法使用文档处理的语法：
statsTemplate: (params: any) => string;
浏览 0提问于2012-11-22得票数 1
回答已采纳
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
回答已采纳
1回答
有没有一种方法可以基于初始接口来设置函数？我有一堆listOfFunctions和等量的包含函数类型的接口。我想创建一个工厂，返回一个自定义钩子。这个想法是为了节省大量的代码，并使编辑和添加所有钩子的功能变得轻而易举。
FunctionInterface是所有的函数名及其返回。
listOfFunctions是一个设置函数(实际代码有一个配置)，它返回一个带有函数列表的对象。
theChosenFunction是一个将在钩子中返回的函数，它允许我与listOfFunction函数之一进行交互。这意味着参数(如果需要)。真实应用程序中的函数是将设置钩子状态的承诺。在本例中，我只返回一个值和set
浏览 4提问于2021-01-29得票数 0
1回答
我使用的是Jest和Typescript。我有一个不返回任何内容的异步函数(void)。我如何模拟返回void？我试过下面的方法 const myMockFn = jest.fn().mockImplementationOnce(() => Promise.resolve(void));
jest.mock('../config', () => ({
setup: async () =>
myMockFn(),
})); 但是我得到了编译错误 Expression expected. 与“Promise.resolve(空)”相关。
浏览 21提问于2021-06-30得票数 3
回答已采纳
我有以下代码：
$.ajax({
url: modal.href,
dataType: 'json',
type: 'POST',
data: modal.$form.serializeArray()
})
.done(onSubmitDone)
.fail(onSubmitFail);
TypeScript指向$.ajax并给出一条消息：
提供的参数与调用目标的任何签名都不匹配。
但是，从我所看到的情况来看，我的$.ajax是正确的，并且我正确地引用
浏览 0提问于2012-10-29得票数 3
回答已采纳
我在Typescript中使用compose函数有一点问题，我总是收到错误。.d.ts中的类型定义也非常令人困惑。例如：
type Props = { t: number };
const foo = (props: {}) => <div {...props} />;
const moo = (props: Props) => <div {...props} />;
const bar = (props: Props) => <div {...props} />;
const Dar = compose(foo, moo)(bar);
浏览 1提问于2017-06-09得票数 12
作为可组合性的工具，我有一个函数，它接受一个类构造函数参数，并返回一个函数，该函数使用传递的参数构造我最初传入的类的实例。 class Thing {
constructor (metadata) { this.metadata = metadata; }
}
const A = (C) => (...a) => new C(...a);
const X = A(Thing); 当我将鼠标悬停在X上时，我希望它告诉我函数签名本质上是(metadata) => Thing。相反，它说X的签名是(...a) => any。为了让TypeScript (最新版本)正确
浏览 9提问于2021-01-04得票数 0
回答已采纳
我在使用类型记录的类型系统来建模从Lua调用到TypeScript的通用接口时遇到了困难。为此，开发人员必须定义一个TypeScript接口，定义Lua可以调用的TypeScript方法。细节在这里并不重要，下面的简单例子说明了我的困惑。
正如您从上面的代码中看到的，我有"ApiInterface"，它定义了开发人员可能希望从Lua调用的任意方法。所有这些方法都使用一个对象(类似于“this”)的第一个参数，其余的参数可以是开发人员需要从Lua传递到TypeScript方法的任何参数。实际上，这些剩馀的参数所支持的唯一类型是数字、字符串、布尔、null等原语。在上面的
浏览 5提问于2022-03-19得票数 0
回答已采纳
我正在使用新的useRef挂钩创建一个引用 const anchorEl = React.useRef<HTMLDivElement>(null) 和使用like <div style={{ width: "15%", ...flexer, justifyContent: "flex-end" }}>
<Popover
id="simple-popper"
open={open}
anchorEl={anchorEl}
onClose={()
浏览 31提问于2019-01-29得票数 35
回答已采纳
给定一个像这样的状态缩减程序：
const anObject = {
fruit: 'Apple',
today: new Date(),
}
function reducer(state, stateReducer) {
return stateReducer(state);
}
const fruit = reducer(anObject, state => state.fruit);
// fruit should be of type string.
const now = reducer(anObject, state => state.
浏览 14提问于2020-02-21得票数 0
回答已采纳
1回答
在Typescript中，有没有一种方法可以用泛型引用函数类型，而不必实例化泛型？(传递它们以便在实际调用函数时实例化)。 例如，我有以下类型： type FetchPageData<T> = (client : APIClient<T>) => T; 其中APIClient是一个抽象类，如下所示： export abstract class APIClient<T> {
abstract getData(demoDataIsSelected : boolean, queryParameters ?: ApiQueryParameters) :
浏览 19提问于2021-09-15得票数 1
回答已采纳
我正在尝试使用RxJ创建一个BehaviourSubject。在下面的代码中
import { BehaviourSubject } from 'rxjs';
const name = new BehaviourSubject("Dog");
// Here in the subscribe callback, I am using TypeScript to specify the argument type should be string.
name.subscribe((name: string):void => {console.log(na
浏览 21提问于2020-05-06得票数 0
回答已采纳
在我的typescript代码中，我只需要用新值更新类的一个属性。
export class ValidationState {
isLabourComponentValid: boolean = true;
isTableValid: boolean = true;
isFaultCausingPartValid: boolean = true;
public mergeValues(newValue: ValidationState){
Object.assign(this, newValue);
return this;
}
}
用法是:我只向me
浏览 16提问于2019-08-15得票数 1
回答已采纳
下面的代码在严格模式下被TypeScript接受，尽管我不希望它被接受。该函数的value参数合法地是一个unknown或any类型:在这个阶段，它可以是任何类型，因为它正在被代理。
然而，由于未知的匹配，以及允许的参数数量的减少，测试调用被接受。
interface Mine { x: number }
function handle(
field: number,
onChange: (field:Mine, value: unknown) => void,
) {
}
function testCall() {
handle(123, (value: unknown
浏览 0提问于2020-08-03得票数 1
这是我的typescript代码
function loginWithPassword(user: Object | string, password: string, callback?: Function): void;
我不知道typescript中的这段代码发生了什么
浏览 0提问于2019-04-08得票数 0
我尝试将Polymer.dedupingMixin ES6函数转换为TypeScript。我不确定这是不是可能。
通常，对于基本的混合函数，TypeScript 2.2+可以正常工作，如以下代码所示。
type IConstructable = new (...args: any[]) => object;
function extendClass<T extends IConstructable>(baseClass: T) {
return class extends baseClass {
instanceMethod_DynamicCl
浏览 14提问于2017-07-17得票数 1
我想要有这样的功能：
createEntity<TEntity>(): TEntity {
return new TEntity();
}
在C#中，我们可以写：
void TEntity CreateEntity<TEntity>() where TEntity : new()
我如何在TypeScript中做到这一点？
浏览 6提问于2016-01-09得票数 18
回答已采纳
为什么TypeScript会抱怨这段代码？
class FooError extends Error {
}
const map = new Map<ErrorConstructor, any> ([
[Error, 'do this'],
[FooError, 'do that']
])
类型‘Type not’不能指定键入'ErrorConstructor‘。
浏览 2提问于2017-09-26得票数 7
回答已采纳
2回答
如果我有一个三角形类，就像这样：
export default class Triangle {
sides: number[]
constructor(...sides: number[]) {
this.sides = sides
}
kind() {
// returns type of triangle
{
}
如果传递给构造函数的边没有创建真正的三角形，那么在创建类时(例如在构造函数中)还是在调用函数时抛出错误更好？
有，它在Java中是可以的，我相信它在TypeScript中工作。我只是想知道在OOP方面
浏览 1提问于2019-06-15得票数 8
回答已采纳
JavaScript
>> var d = Date(1627646185);
undefined
>> d.toString();
"Fri Jul 30 2021 12:17:00 GMT+0100 (British Summer Time)"
TypeScript
let d = Date(1627646185);
return d.toISOString();
error TS2554: Expected 0 arguments, but got 1.
如何让TypeScript从这些长数字中显示实际日期和时间？
非工作示例：
更新:整数16
浏览 5提问于2021-07-30得票数 1
我在TypeScript中有一个类，它对服务进行Ajax调用，然后作为回报得到一个JSON对象；非常标准的东西。我希望Ajax调用的成功处理程序将传入的JSON接受为在TypeScript中定义的实例化类，也就是说，这里我将使用强类型的Ajax。这主要是有用的。我发现我可以很好地接收传入的数据，但是JSON响应中没有的类成员(包括属性和方法)在运行时不存在于对象上。这里有一些代码来演示这个问题。
module Samples {
export class MyData {
public A: number;
public B: number;
浏览 4提问于2015-01-15得票数 3
回答已采纳
今天，我遇到了一种意想不到的TypeScript编译器行为。我想知道它是一个bug还是一个特性。这可能是最后一次，但我想知道背后的理由。
如果我用一个可以是string | number的参数声明一个接口方法，并创建一个实现该接口的类，那么这个类方法可以使该参数仅为string。这导致了类实现不需要数字的情况，但编译器允许传递该数字。为什么允许这样做？
interface Foo {
hello(value: string | number): void
}
class FooClass implements Foo {
hello(value: string) { //no
浏览 0提问于2020-05-23得票数 3
回答已采纳
1回答
有没有像这样重写TypeScript的方法？
在此之前
(({id, name}) => ({id, name}))(user)
之后
const keys = {id, name}
((keys) => (keys))(user)
浏览 10提问于2019-07-17得票数 0
我正在用TypeScript编写一个React组件，用tsconfig.json编写strict: true。
给定package.json中的以下内容
"devDependencies": {
"@babel/cli": "^7.0.0-rc.1",
"@babel/core": "^7.0.0-rc.1",
"@babel/plugin-proposal-class-properties": "^7.0.0-rc.1",
"@babel/p
浏览 47提问于2018-09-30得票数 0
回答已采纳
我是TypeScript的新手，正在努力创建一个函数来正确地为对象中的可选对象设置默认值。 当我尝试定义参数中的所有内容时，我得到一个错误，即其中一个属性(options.target.value)可能未定义。当调用该函数并将其约束到需要该属性的接口时，可以任选地提供所讨论的对象，或者如果没有提供该对象，则将使用也使用相同接口的函数来设置该对象。 令人困惑的是，我提供的默认options.target不能满足TypeScript的要求，但是当我检查!options.target并使用相同的getTarget()函数提供它时，TypeScript很满意。这只是TypeScript中的一个错误，
浏览 39提问于2020-07-03得票数 0
1回答
我正在尝试创建一个TypeScript函数，它接受数组并返回一个新函数，其中参数具有数组的类型。
换句话说，应该是这样的：
type MyFunc = {
<A>(arg: [A]): ((arg0: A) => any)
<A, B>(arg: [A, B]): ((arg0: A, arg1: B) => any)
<A, B, C>(arg: [A, B, C]): ((arg0: A, arg1: B, arg2: C) => any)
}
但对于可变数目的输入
具体实例
下面是一些具体的例子(尽管我正在寻找
浏览 3提问于2022-04-17得票数 2
我试图更好地理解这个示例中的代码：https://codesandbox.io/s/r5n96yvwnm 所以这里有这个函数(第9-11行)： function MyCell({ value, columnProps: { rest: { someFunc } } }) {
return <a href="#" onClick={someFunc}>{value}</a>
} 它是什么结构，有没有可能很容易地把它翻译成Typescript？我的意思是，我可以继续创建一个带有所有需要的道具的typescript界面，但我想知道，是否有更短的方法来做到
浏览 20提问于2019-06-17得票数 2
回答已采纳
我有一个keydown处理函数，定义如下：
handleOnKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {
if (key.isEscape(e.key)) {
stopEvent(e);
this.props.handleClose(e);
}
}
但是，在我的代码的另一部分中，这个函数被传递给removeEventListener和addEventListener
componentDidMount () {
const { current: mod
浏览 0提问于2020-01-10得票数 6
我对Typescript的类型系统有个问题。有人能帮我吗？
请看一下。
type Props = { [key: string]: any };
type Config<P extends Props> = {
hint: string,
main: (p: P) => string
}
function createDemo<P extends Props>(config: Config<P>): (p: P) => void {
return (props: P) => {
document.body.inne
浏览 29提问于2018-06-02得票数 0
我经常在TypeScript中遇到TypeScript类型的错误。虽然我读过这些文档，但我还是不太了解现有的问题。我希望有人能帮我更好地理解它。下面是TS文档中的一个示例，它让我的头脑开始旋转：
type GetReturnType<Type> = Type extends (...args: never[]) => infer Return
? Return
: never;
type Num = GetReturnType<() => number>;
type Str = GetReturnType<(x: string) =>
浏览 7提问于2021-05-26得票数 3
回答已采纳
我有我想要添加类型的现有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
回答已采纳
4回答
如何在TypeScript中实现Regexp？
我的例子：
var trigger = "2"
var regex = new RegExp('^[1-9]\d{0,2}$', trigger); // where I have exception in Chrome console
浏览 0提问于2013-05-20得票数 83
我想创建一个Typescript语言服务插件(例如)，并将此插件与在浏览器中运行的摩纳哥编辑器集成在一起。
有没有可能将Typescript语言服务插件集成到Monaco？
浏览 12提问于2017-08-05得票数 2
我不明白为什么TypeScript允许在没有指定实际泛型类型参数的情况下实例化泛型类？在下面的示例中，类Foo有一个泛型类型参数T。在行const foo = new Foo()中，可以创建一个新的foo对象，而不必指定泛型类型参数。foo的类型为Foo<unknown>，bar的类型为valueType<unknown>。
为什么有可能，而TypeScript不引发错误？这是什么用例？是否可以强迫TypeScript要求使用泛型类型参数？
type valueType<T> = {
name: string,
key: T|null,
};
浏览 2提问于2021-03-06得票数 0
回答已采纳
我熟悉TypeScript中的泛型类，其中可以用关联的类型变量定义类，然后具有特定类型的实例可以操作和返回该类型的值。
问题:我想要一个创建类型变量实例的泛型类。例如：
class Thing {
thingProp: string;
}
class ThingOne extends Thing {
thingOneProp: string;
}
class ThingTwo extends Thing {
thingTwoProp: string;
}
class Maker<T extends Thing> {
make(): T {
retur
浏览 0提问于2018-05-11得票数 3
回答已采纳
我刚刚在一个类中找到了一个TypeScript文件中的一行，它看起来像
private handlers: ((event: string) => void)[]
还有另一个功能：
private fire(event: string): void {
for (const handler of this.handlers) {
handler(event);
}
}
所以我猜每个数组元素都有一个可以调用的函数，但我真的不明白它是如何工作的。如果每个元素都附加了返回始终为空的函数，难道不是所有数组元素都是空的吗？
或者这是某种神奇的TypeScript
浏览 18提问于2022-04-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
