Javascript 面向对象 重载

JavaScript 是一种面向对象的编程语言，它支持函数重载，即同一函数名字，参数不同，对应的实现不同，JavaScript 可以通过这种方式实现函数重载。

什么是面向对象

面向对象（Object-Oriented Programming）是一种编程思想，它把对象作为程序的基本单元，将程序中的数据和操作数据的方法绑定在一起，以及保护数据的安全性。JavaScript 本身就是一种基于对象的编程语言，拥有构造函数、原型、对象的概念等等。

什么是函数重载

函数重载（Function Overloading）指的是有多个同名函数的情况，它们的参数列表不同（类型或数量不同）。JavaScript 中没有严格的参数类型，因此只能通过判断参数数量和类型来实现重载。

重载实现

在 JavaScript 中是没有方法重载概念的，但是可以通过一些方法来模拟实现。

一种常见的实现方式是通过判断参数数量来实现：

function dosomething(a, b) {
  if (b === undefined) {
    // 参数 b 不存在，执行逻辑 1
  } else {
    // 参数 b 存在，执行逻辑 2
  }
}

另一种方式是通过判断参数类型来实现：

function dosomething(a, b) {
  if (typeof b === 'string') {
    // 参数 b 是字符串，执行逻辑 1
  } else if (typeof b === 'number') {
    // 参数 b 是数字，执行逻辑 2
  }
}

示例说明

示例 1

下面是一个实现参数数量判断的示例，我们定义一个加法函数，它可以同时支持两个参数和三个参数：

function add() {
  if (arguments.length === 2) {
    return arguments[0] + arguments[1];
  } else if (arguments.length === 3) {
    return arguments[0] + arguments[1] + arguments[2];
  }
}

这样，我们可以使用 add(1, 2) 或 add(1, 2, 3) 来实现不同个数的参数运算。

示例 2

下面是一个实现参数类型判断的示例，我们定义一个 draw 函数，它可以根据参数类型不同实现不同的绘画效果：

function draw(canvas, shape) {
  if (typeof shape === 'string') {
    // 根据字符串绘画不同形状
    switch (shape) {
      case 'circle':
        // 绘制圆形
        break;
      case 'rectangle':
        // 绘制矩形
        break;
      // 其他形状 ...
    }
  } else if (typeof shape === 'object') {
    // 绘制 user-defined shapes
  }
}

上面的例子中，我们可以通过传入字符串来绘制不同类型的形状，也可以传入自定义对象来实现绘制新的形状。

总之，JavaScript 通过判断参数数量或类型，可以模拟实现函数重载，进而实现更加灵活的编码。