JavaScript 重载：赋能函数实现多态309

什么是重载？

在面向对象编程中，重载是指创建具有相同名称但不同参数或返回值的多个函数。这允许函数根据输入的不同表现出不同的行为，从而实现多态性，即“面向接口编程”。

JavaScript 中的重载

JavaScript 是一门动态语言，它不支持传统的重载。然而，我们可以使用以下变通方法实现重载效果：

1. 函数重载

利用对象的原型链机制，为一个函数创建多个同名但不同参数或返回值的方法。例如：```javascript
function Shape() {}
= function() { throw new Error("Not implemented"); };
function Rectangle(width, height) { = width; = height; }
= new Shape();
= function() { return * ; };
function Circle(radius) { = radius; }
= new Shape();
= function() { return * 2; };
```

2. 默认参数

使用 ES6 中引入的默认参数，为函数提供可选参数。例如：```javascript
function add(a, b = 0) {
return a + b;
}
(add(5)); // 5
(add(5, 10)); // 15
```

3. 展开运算符

利用展开运算符 (...rest)，将剩余参数收集到一个数组中。例如：```javascript
function sum(...numbers) {
return ((a, b) => a + b, 0);
}
(sum(1, 2, 3, 4, 5)); // 15
```

4. Proxy 对象

使用 Proxy 对象拦截函数调用，将不同参数的调用重定向到不同的函数实现。例如：```javascript
const shapeProxy = new Proxy(function(type, ...args) {
switch (type) {
case "rectangle":
return new Rectangle(...args);
case "circle":
return new Circle(...args);
default:
throw new Error("Invalid shape type");
}
}, {
apply: function(target, thisArg, args) {
return target(args[0], ...(1));
}
});
const rectangle = shapeProxy("rectangle", 5, 10);
const circle = shapeProxy("circle", 5);
(()); // 50
(()); // 78.53981633974483
```