在 TypeScript 中，我们可以通过运算符重载（Operator Overloading）来重载一些操作符，例如加号（+）、减号（-）、乘号（*）等等。 运算符重载意味着我们可以重新定义这些操作符在特定类型的实例上的行为。这种能力在某些情况下非常有用，例如我们可以使用运算符重载，让两个不同类型的对象之间进行操作时得到更加优雅的语法和更好的类型检查。
本文将介绍如何在 TypeScript 中重载操作符，包括定义重载函数，如何使用重载函数以及示例代码。
定义重载函数
要重载一个操作符，我们需要定义一个函数，函数名为指定的操作符。 在这个函数定义中，我们使用 function 关键字，后面是操作符的名称，然后在括号中定义参数列表和返回值类型。例如，要重载加号操作符 +， 我们可以使用以下代码：
function +(a: string, b: string): string; function +(a: number, b: number): number; function +(a: any, b: any): any { // 这里是函数体 }
这个函数的定义是一个重载函数。 它有三个函数类型的定义。第一个是对两个字符串类型的操作数进行加法操作，返回一个字符串。 第二个是对两个数字类型的操作数进行加法运算，返回一个数字。 第三个是一个泛型函数，可以处理所有类型的操作数，返回任意类型的值，这里使用 any 类型。
重载函数定义的顺序很重要。 TypeScript 将按照声明的顺序来匹配操作数类型，直到找到匹配的函数为止。因此，我们需要将最具体的重载定义放在最前面，最一般的定义放在最后面。
定义好重载函数后，我们就可以在代码中使用这些函数了。
如何使用重载函数
要使用运算符重载函数，我们只需要像使用原生的操作符一样使用这个函数即可。例如：
console.log(1 + 2); // 输出 3 console.log('hello ' + 'world'); // 输出 "hello world"
但是需要注意的是，如果在 TypeScript 中我们直接对两个不同类型的数据进行操作，会直接抛出一个错误。
console.log(1 + 'hello'); // 编译错误
这时候我们需要在定义重载函数时加入泛型类型，这样就可以支持不同类型之间的操作了：
function +<T>(a: T, b: T): T { return a + b; // 编译错误，无法对不同类型执行加法 }
现在，我们可以对不同类型的数据进行加法操作了：
console.log(1 + 'hello'); // 不会出错了
示例代码
下面是一个使用重载函数实现向量加法的示例：
-- -------------------- ---- ------- ----- ------ - ------------------ -- ------- ------ -- ------- -- -- -- - -------- ------ ------------ ------- -------- ------- - ------- ------ ----------- ------- ------- ------- - ------- ------ ----------- ------- ------- ------- - ------- ------ ------ ---- -- ---- - ------ - ---- ---------- ------ -- - ---------- ------- - ------ --- ---------- - ---- --- - ----- - ---- --------- - --- -------- -- - ---------- ------- - ------ --- -------- - ---- - - ----- - ---- ---- ---------- ------ -- ------ - --- --------- - ------ --- ---------- - -- --- - --- - ---- - ----- --- -------------- ------------ - - - -- -------------- ----- - - --- --------- --- ----- - - --- --------- --- ----- - - ------------- --- ------------------- -------- ---------- -- -- ------ --- -- ----- - - ------------- --- ------------------- -------- ---------- -- -- ------ --- -- ----- - - ------------- --- ------------------- -------- ---------- -- -- ------ --- -- ----- - - ------------------- --------- -- ---- -------- ----------展开代码
在这个示例中，我们定义了一个 Vector 类，并在类中添加了一个重载函数 add。 这个函数可以处理三种情况：
- 两个
Vector类型的实例进行加法运算； - 一个
number类型和一个Vector类型的实例进行加法运算； - 一个
Vector类型的实例和一个number类型进行加法运算。
我们可以通过使用 Vector.add 函数来实现向量的加法运算。 与原生的加法操作符不同，我们的重载函数可以处理不同类型的操作数，并且能够正确地返回正确的类型。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bc4e41a231b2b7eddd23a6
