是否可以在typescript中分离和重用多个函数重载
在TypeScript中，可以使用函数重载来实现对多个函数的分离和重用。函数重载是指在一个函数名下定义多个函数，每个函数具有不同的参数类型和返回类型。
函数重载的优势在于可以根据不同的参数类型和返回类型来实现不同的逻辑处理，提高代码的可读性和可维护性。通过函数重载，可以根据不同的参数类型和返回类型来调用不同的函数实现，而无需为每个函数定义一个不同的函数名。
函数重载的应用场景包括但不限于以下几个方面：
- 处理不同类型的参数：通过函数重载，可以根据参数的类型来选择不同的函数实现。例如，可以定义一个函数来处理不同类型的数字参数，分别实现整数相加、浮点数相加等功能。
- 处理不同数量的参数：通过函数重载，可以根据参数的数量来选择不同的函数实现。例如，可以定义一个函数来处理不同数量的数字参数，分别实现两个数相加、三个数相加等功能。
- 处理不同返回类型的情况：通过函数重载，可以根据返回类型来选择不同的函数实现。例如，可以定义一个函数来处理不同类型的参数，并返回不同类型的结果。
在TypeScript中，可以使用函数重载来实现上述功能。具体的实现方式是在函数名下定义多个函数签名，每个函数签名包含参数类型和返回类型。以下是一个示例：
function add(x: number, y: number): number;
function add(x: string, y: string): string;
function add(x: any, y: any): any {
// 根据参数类型和返回类型选择不同的实现
if (typeof x === 'number' && typeof y === 'number') {
return x + y;
} else if (typeof x === 'string' && typeof y === 'string') {
return x + y;
}
}
// 调用函数
console.log(add(1, 2)); // 输出: 3
console.log(add('Hello', 'World')); // 输出: HelloWorld在腾讯云的产品中，与函数重载相关的产品包括云函数（SCF）和云开发（CloudBase）。云函数是一种无服务器的事件驱动计算服务，可以根据不同的事件类型和触发条件来执行不同的函数实现。云开发是一种集成了云函数、数据库、存储等功能的云端一体化开发平台，可以方便地进行函数重载和开发工作。
腾讯云函数（SCF）产品介绍链接地址：https://cloud.tencent.com/product/scf 腾讯云开发（CloudBase）产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
此模式正在引发TypeScript错误：
类型的参数'(string not )[]‘不能分配给'string[] not number[]’类型的参数。
function foo(value: string | number) {
return bar([value]); // <- TypeScript error
}
function bar(valueList: string[] | number[]) {
..does something...
}
我理解这是因为TypeScript编译器将把它看作一个包含字符串和数字的数组。
是否有一种类型安
浏览 0提问于2018-12-06得票数 4
回答已采纳
Spec
根据地图应该这样使用..。
var new_array = arr.map(callback[, thisArg])
问题
TypeScript对map有几个重载声明，这使得extend Array<T>变得非常困难。
我希望看到这个(在lib.d.ts中).
map<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[];
但lib.d.ts也有.
map<U>(this: [T, T, T, T, T], callbackfn: (val
浏览 4提问于2017-01-31得票数 9
回答已采纳
考虑以下C#类：
class Foo
{
public Foo(int id, string name)
{
}
public Foo(int id) : this(id, "")
{
}
}
在TypeScript中，同样的方法并不完全有效：
class Foo {
constructor(id: number, name: string) {
}
// fails here
constructor(id: number) this(i
浏览 0提问于2019-04-09得票数 0
回答已采纳
请考虑以下示例：
class A {
private constructor(public n: number) {}
public getDouble() {
return this.n * 2;
}
static from(s: string): A;
static from(n: number): A;
static from(n1: number, n2: number): A;
static from(...args: unknown[]): A {
if (args.length === 1) {
if (typeof arg
浏览 0提问于2021-02-13得票数 5
回答已采纳
因为编译器不会将声明编译成js文件，所以我不明白在TypeScript中使用声明的目的。有人能为我解释一下它的用途和优点吗？
浏览 2提问于2015-06-13得票数 0
6回答
TypeScript语言规范的第6.3节讨论了函数重载，并给出了如何实现函数重载的具体示例。但是，如果我尝试这样的操作：
export class LayerFactory {
constructor (public styleFactory: Symbology.StyleFactory) { }
createFeatureLayer (userContext : Model.UserContext, mapWrapperObj : MapWrapperBase) : any {
throw "not implemente
浏览 4提问于2012-11-04得票数 320
回答已采纳
1回答
我试图调用这样的函数表达式：
export default interface IUserManager {
deleteUser: ((userId: string) => Promise<void>) | ((userName: string, userSurname: string, city: string) => Promise<void>
}
来自一个包含接口实例的类：
import MyUserManager from "path/to/IUserManager.ts"
class CompanyProcessor {
浏览 10提问于2022-08-17得票数 0
回答已采纳
我想将添加到TypeScript中的元素的scroll事件中，如下所示：
element.addEventListener("scroll", () => { }, { capture: true, passive: true });
但是TypeScript抛出一个语法错误：Argument of type '{ capture: true, passive: true }' is not assignable to parameter of type 'boolean'。
我知道错误的原因是TypeScript没有为addEventLi
浏览 6提问于2017-10-25得票数 2
回答已采纳
我对TypeScript还是很陌生的，下面的语法让我有点困惑。
export interface FileDialogFactory {
(props: FileDialogProps): FileDialog;
}
据我所知，这是一个以后可以被某些变量使用的接口。在这个接口中有一个名为props的定义变量名，它的类型为FileDialogProps。我不明白的是冒号":“和下面的FileDialog的含义。那么变量props应该是哪种类型呢？是FileDialogProps还是FileDialog？
浏览 0提问于2018-04-30得票数 1
回答已采纳
1回答
目前，我正在进行一次广泛的TypeScript练习(，练习14)，我似乎被那些看起来像打字错误的东西卡住了。但是，由于我不是，在TypeScript方面的经验，我将首先在这里询问它是否真的是一个bug，或者仅仅是我的愚蠢。在本练习中，您需要向除任意数量的参数之外的一组函数中添加类型，并在参数数量不足时返回子函数。这里的问题是，TypeScript似乎没有得到正确的泛型。如果我检查IDE中最后一行中使用的func类型，它将被读取为func<*, number>，*是完全类型的add，而不仅仅是number。我是不是做错了什么，或者这真的是TypeScript的行为？
declare
浏览 4提问于2021-03-03得票数 0
回答已采纳
在下面的代码中，getDocsWithIdThatWorks和getDocsWithIdThatComplains之间唯一的区别是它们传递给Array.prototype.map的回调。在一种情况下，它是一个函数表达式，而在另一种情况下，它是一个重载的泛型函数。在第一种情况下，TypeScript完全理解并同意重载函数的返回类型。但是，当将重载函数的引用直接作为参数传递给Array.prototype.map时，TypeScript突然推断返回类型为DocumentWithId<unknown>，尽管映射的数组显然是QueryDocumentSnapshot<T>类型。
浏览 7提问于2022-08-05得票数 3
回答已采纳
我正在将前端Java转换为TypeScript，并且我正在处理方法重载。
我想写这样的类型
const person = (info: {name:string, age:number} | {man:boolean}): void => {
if (typeof info.man === "boolean") {
console.log("man is defined", info.man);
} else {
console.log(info.name, info.age);
}
}
perso
浏览 0提问于2018-03-09得票数 1
关于Typescript (例如)中的函数重载是如何工作的，有很多问题。但是没有像“为什么它是这样工作的”这样的问题。现在函数重载看起来像这样：
function foo(param1: number): void;
function foo(param1: number, param2: string): void;
function foo(...args: any[]): void {
if (args.length === 1 && typeof args[0] === 'number') {
// implementation 1
浏览 0提问于2018-11-17得票数 11
enum Test {
one,
two,
}
const play = (n: Test) => {
switch (n) {
case Test.one:
return 'hello';
case Test.two:
return {};
default:
exhaustive(n);
throw new Error('hi');
}
};
const b = play(Test.one);
//
console.log(b); 有人能帮我理解为什么Typ
浏览 41提问于2020-07-09得票数 0
回答已采纳
2回答
程序设计中“重载”一词的真实含义
、、、、
我正在学习C++，我对重载运算符和函数的真正含义感到困惑。
在我使用过的本地文献中，有一个把"load“作为名词而不是动词的重载函数的翻译--所以它有的意思，尽管在这个例子中，在这个意义上，没有什么是”重载“的()。
如果我们把"load“作为动词来考虑，那么它就意味着函数在现有定义中”再次加载“。
我是否在正确的道路上，在编程的情况下，对“重载”的正确解释是什么？
浏览 2提问于2021-07-16得票数 1
回答已采纳
在下面的示例中，是否只有在使用parse()传递key时才能使TypeScript可用？
// SOURCE CODE:
interface Input {
key?: string;
data: Record<string, string>;
}
interface Options {
parse: (x: string) => void;
}
type HelperFunc = (options: Options) => void;
const myFunc = (input: Input, helper: HelperFunc): v
浏览 3提问于2022-06-12得票数 0
1回答
我在TypeScript 2.2中看到了通过定义接口调用签名“重载”函数的选项，我花了相当长的时间来理解如何使用它。
因此，在工作和“破解”它后，我认为它将值得张贴在这里。
我开始讨论的问题是，例如：
interface Func1 {
(num1: number, num2: number): number;
(str1: number, str2: string): string;
}
function F1(num1: number, num2: number): number {
return num1 + num2;
}
const f1: Func1 =
浏览 2提问于2017-04-17得票数 9
在TypeScript的方法声明中，参数的类型可以是字符串数组、布尔值或数字。是否必须将其声明为any[]，或者是否有方法将输入类型限制为这三种类型中的任意一种？
浏览 11提问于2012-10-08得票数 44
回答已采纳
我试图使用用TypeScript编写Node.js服务器，但在将fs.readFile转换为rxjs形式时遇到了错误。我希望下面的代码可以在TypeScript中工作
// This is a JavaScript example from the official documentation. It should
// also work at the TypeScript envrionment.
import * as fs from 'fs';
import { Observable } from 'rxjs';
let readFileAsObse
浏览 0提问于2017-04-18得票数 8
回答已采纳
我有我想要添加类型的现有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向它的调用代码暗示，类型可以是从任何条件返回的任何类型。
在返回时，是否可以告诉TypeScript只推断返回的类型？
(initialNotes和initialTags是两种不同的数组类型)
async function fetcherFunc(entity) {
await new Promise((resolve) => setTimeout(resolve, 2000));
if (entity === 'notes') {
return initialNote
浏览 0提问于2021-07-14得票数 1
回答已采纳
我想知道是否有一些实现通用单元的最佳实践，可以与UITableView和UICollectionView一起使用……
我试图将UITableViewCell放入CollectionView中，但Xcode对此抱怨不已。我只剩下一个变体: make UIView，它将实现单元格的视图，然后实现UITableViewCell和UICollectionViewCell子类，这些子类将包装这个自定义UIView，以便将其放入表/集合视图中。这是实现我目标的正确方法吗？
对此有什么想法吗？
浏览 2提问于2017-08-23得票数 1
我正在尝试让Dockerode run typings与the implementation相匹配。问题是，当我调用run时，不管是什么，TypeScript都会将返回值视为Promise。 我认为问题在于TypeScript将function与Object相匹配，并且不能消除类型声明中run的重载的歧义。不过，我承认我有点迷惑了。 I've made a small example in a TypeScript Playground that I think exemplifies the error. // index.d.ts
declare class EventEmitt
浏览 20提问于2019-06-11得票数 1
这是一个非常人为的例子，所以请原谅我：
我有一个函数foo。它以此类型的对象作为其参数。
interface Foo {
bar: number,
baz: number,
enabled?: boolean,
}
当用户未提供enabled或其为false时，foo将返回Result类型的对象。
interface Result {
result: number
}
因此，它只是将这两个数字相加，如
function foo({bar, baz}: Foo): Result {
return {
result: bar + baz
}
}
问题是:当在para
浏览 3提问于2020-11-15得票数 0
回答已采纳
根据，TypeScript应该允许您重载函数，但是当我试图在类方法的上下文中这样做时，它会导致编译器错误。我做错了什么？
// This approach does NOT work
class Sanitizer {
sanitizeDate(date: string): string { // COMPILER ERROR: "Duplicate function implementation"
return date.replace(/\//g, '-');
}
sanitizeDate(date: Date):
浏览 0提问于2019-08-09得票数 1
回答已采纳
在我的一个WCF解决方案中，用户可以搜索Lucene索引。我想得到关于这个方法的意见。
我能以更好的方式改进这段代码吗？
public class ViewData
{
public static IndexReader indexReader
{
get
{
return IndexReader.Open(FSDirectory.Open("path"), true);
}
private
浏览 0提问于2019-02-06得票数 0
回答已采纳
根据教程，这是我第一次尝试使用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中实现一些类设计。基本上，我想用一个带有一些参数的公共构造函数和一个“内部”构造函数(仅在库中使用)来设计类。公共构造函数将调用内部构造函数。在C#中，它看起来像这样：
public class Class1
{
internal Class1(int id)
{
}
public Class1(string s)
: this(s.Length)
{
}
}
你知道我该怎么把它翻译成TypeScript吗？
提前感谢！
浏览 2提问于2012-12-10得票数 4
回答已采纳
在TypeScript中，我可以定义如下函数类型：
type MyCallback = (para: number|string)=> string
这些函数将用作事件回调，因此我希望使用普通函数而不是箭头函数，以避免箭头函数中出现this问题。
是否有一种方法可以定义只允许正常函数的类型？
浏览 3提问于2022-03-16得票数 1
回答已采纳
我有一个大型的、复杂的应用程序，我正在尝试将其迁移到Typescript。我们有一个特殊的约束，那就是我们要使用createProvider和storeKey选项来将容器连接到存储。考虑到我们有超过100个容器，我已经创建了一个helper函数来默认自动传递这个选项。它非常简单，并且在常规JS中如预期的那样工作。
function connectToStore(mapStateToProps, mapDispatchToProps, mergeProps, options = {}) {
const finalOpts = { ...options, storeKey: STORE_
浏览 18提问于2018-09-01得票数 1
回答已采纳
我有一个接受单个对象参数的函数，如下所示。(注意，这是一个人为的例子，但它演示了这个问题。)
type FuncParams = { sayYes: boolean; }
type FuncType = (params: FuncParams) => string;
const maybeSayYes: FuncType = ({ sayYes }) => sayYes ? 'Yes' : 'No';
maybeSayYes({ sayYes: true }); // Returns 'Yes'
maybeSayYes({ say
浏览 3提问于2021-04-23得票数 2
回答已采纳
我试图在某些dart代码中使用重载方法，很快就了解到dart中没有提供重载。
我的问题是:为什么它不提供，以及建议的替代方案是什么？是否有一个标准的命名约定，因为方法做同样的事情，但有不同的输入必须有不同的名称？
是否标准使用命名参数，然后检查调用方是否提供了足够的信息来完成计算？
比如说，我有一种方法，可以返回一个人一年挣多少钱，叫做yearlyIncome。
在Java中，我会创建这样一个方法
double yearlyIncome(double hourlyRate, double hoursWorkedPerYear)
也许还有另外一种方法
double yearlyIncome(do
浏览 3提问于2020-06-28得票数 18
回答已采纳
在bash中，如果在终端中运行alias，它会以命令的形式输出定义的别名列表，如下所示：
alias foo=bar
如果你愿意，你可以alias > my_aliases.sh，然后source my_aliases.sh。除了环境变量和定义的函数之外，我想要的是同样的东西。
env看起来可能有用，但这不太管用。我需要这个来输出环境变量和函数，但是我在env的输出中看到了这样的行
BASH_FUNC_foo()=() { ls foo
}
foo是我的函数的实际名称，但我不能将env的输出添加到文件中并将其source。如果我这样做了，脚本就会出现这样的错误：
bash: test
浏览 0提问于2018-10-17得票数 3
回答已采纳
我有一个将任何东西包装到数组中的通用函数：
const ensureArray = <T,>(value?: T | T[]): T[] => {
if (Array.isArray(value)) return value
if (value === undefined) return []
return [value]
}
const undef = undefined
ensureArray(undef) // result type undefined[]
const str = 'string'
ensureArray(str) /
浏览 22提问于2022-09-21得票数 1
我想限制我的功能。
给定某个文字类型作为输入，对于两个输入情况，只应该返回一个特定的模板文字类型作为输出。
例如，给定输入"rain"，我想要输出"umbrella_foo"。
为了解决这个问题，我创建了这个重载函数：
type Options = "rain" | "sun" | "wind" | "snow";
type OverloadedFunction = {
(option: 'rain'): `umbrella_${string}`;
(option:
浏览 4提问于2021-11-23得票数 2
回答已采纳
我有两个重载的update。我可以通过检查第一个参数来确定我处于哪个重载中： class CRC16 {
update(buffer: number[], offset: number, length: number): number;
update(data: number): number;
update(buffer: number[] | number, offset?: number, length?: number) {
if (Array.isArray(buffer) // Ex
浏览 21提问于2021-01-09得票数 2
回答已采纳
如果这是一个非常基本的问题，我很抱歉。我在自学TypeScript，根据我的教程，交叉点中类型的顺序应该无关紧要，例如A & B和B & A应该是同一类型。
但我偶然发现了这种边缘情况，其中类型的顺序确实很重要，尽管我不明白为什么。
abstract class Test
{
constructor(a: string, b: boolean)
{ }
}
type A = typeof Test;
type B = new (...args: unknown[]) => unknown;
type AB = ConstructorParameters
浏览 0提问于2021-03-02得票数 8
2回答
全部：
我对TypeScript非常陌生，当我阅读有关函数重载的教程时，它给出了一个示例：
function add(arg1: string, arg2: string): string;
function add(arg1: number, arg2: number): number;
function add(arg1: boolean, arg2: boolean): boolean;
function add(arg1: any, arg2: any): any {
return arg1 + arg2;
}
console.log("add(1,1)=" +
浏览 1提问于2015-12-19得票数 1
对于HTML的世界来说，这是一个非常新的问题，我将尽量用最好的语言来表达这个问题。
目前，我正在创建一个网站。对于我创建的每个页面，我有2/3的页面-1保存HTML文件，另1保存.css/.js文件。我确保文件的名称保持不变，反过来，它会按照我希望的方式编辑我的html页面。因此，我有一个文件夹，里面有2/3的文件，由HTML、CSS和Javascript组成。这是正确的方法吗?还是应该将所有内容都保存在一个.html文件中？
浏览 2提问于2016-04-30得票数 0
2回答
我目前正在尝试为OpenLayers构建一个TypeScript定义文件。
问题是，在OpenLayers中，有一些类可以同时转换为TypeScript中的模块和类。
例如，在模块OpenLayers中有Protocol类，在模块OpenLayers.Protocol中有Response类。
我如何在TypeScript中对其进行建模？是否可以将Protocol作为类，并将Response类定义为导出的内部类？你将如何着手解决这个问题？
浏览 1提问于2012-10-09得票数 4
编写一个可以接受any值并在类型记录中只返回boolean或number的函数，这一切都很好，直到我们需要缩小调用站点上函数的返回值以适应某些变量类型(或函数组合时的参数类型)。
这是函数
function parseValue(value: any, defaultValue: number | boolean): number | boolean {
const valueType = typeof value;
switch (valueType) {
case 'undefined': {
return de
浏览 8提问于2022-01-09得票数 0
2回答
如何在TypeScript中完成与以下Javascript相当的操作：
function f1(callback) {
// do some work
if (err)
callback(err);
else
callback(undefined);
}
callback是一个函数，我不想将它指定为any类型。
浏览 0提问于2018-07-01得票数 1
回答已采纳
我不得不降级我的代码，以便能够在NET2.0上工作，NET2.0不支持LINQ。目前，代码使用LINQ根据FileInfo对象的FullName属性对其数组进行排序，如下所示：
Dim files As FileInfo() = ' ...
files = files.OrderByDescending(Function(x) x.FullName).ToArray()
在不使用OrderByDescending .NET扩展方法的情况下，如何在2.0LINQ框架中执行相同类型的排序？
浏览 0提问于2013-02-28得票数 3
回答已采纳
2回答
我在服务器端有一个重载的query方法。我想知道我是否可以根据方法签名重载异步回调？还是建议定义两个不同的异步回调？这是我在服务器上的两个方法。
public String fetchInADay(String startTime, String endTime) {}
public String fetchInADay(String startTime, String endTime, String type) {}
顺便说一句，请评论：
如果我被要求进行两个不同的回调，这不是违反了面向对象的原则吗？
浏览 1提问于2010-10-29得票数 0
回答已采纳
我很难理解如何在TypesScript中实现泛型。我知道有许多类似的问题，但似乎没有解决我的用例。(有，但我有一个不同的关注点，即函数的输出与函数的输入类型相同)
我希望有这样一个函数，其中泛型仅限于两种不同的类型，而输出与输入的类型相同。
const increase = <T extends string | number>(
param: T,
): T => {
if (typeof param === "number") {
// Here typescript should know that param can onl
浏览 7提问于2020-11-25得票数 2
回答已采纳
1回答
这段代码可以工作。它是基于我在互联网上找到的一些代码。
你能告诉我编码是否是获得标量值的最好方法，如果有更好的方法，你能显示编码示例吗？
Dim objParentNameFound As Object
TextBoxParentsName.Text = ""
If TextBoxParentID.Text <> "" Then
' Display the parent's name using the parent ID. '
Dim strSqlStatement As String = "S
浏览 3提问于2012-02-27得票数 1
回答已采纳
我将有一个由批准和拒绝按钮组成的单独的列。单击approve按钮时，预计会弹出一个自定义弹出窗口，说明“您确定要批准吗”。弹出窗口将有两个按钮，yes(指向函数的单击事件)和no将用户带回同一页面。 Reject按钮也是如此。 用typescript (Angular 9及以上版本)实现的代码。 请给我建议。蒂娅！
浏览 48提问于2021-09-17得票数 2
我希望将不同的回调函数作为参数传递，并使用适当的参数调用它们。
下面是一个高度简化的示例，说明它应该如何工作。除了process instanceof ITwo没有任何意义，而且我找不到任何可以完成这项工作的表达式。
interface IOne { (j: string): number; }
interface ITwo { (j: number): number; }
function dualArg(i: string, process: IOne | ITwo): number {
// something like this
浏览 3提问于2018-02-21得票数 0
回答已采纳
我有一个用于竞争对象的接口(它们更大，但为了简单起见这里简化了)：
export interface ICompetition {
players: ICompetitionPlayer[];
state: string;
ownerId: string;
duration: number;
}
export interface ICompetitionPlayer {
id: string;
stats: IGame["stats"];
}
export interface IGame {
stats: Omit<IGameSt
浏览 5提问于2022-10-05得票数 1
1回答
我有一个TypeScript接口，它有一个名为"send“的函数，它重载了两个允许的签名。
export interface ConnectionContext {
send(data: ConnectionData): void;
send(data: ConnectionData, timeout: number): Promise<ConnectionData>;
}
我正在尝试创建一个实现此接口的匿名对象：
const context: ConnectionContext = {
send: (data: ConnectionData, ti
浏览 12提问于2017-07-07得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
