一个简单的javascript类定义例子

下面我将详细讲解一个简单的 JavaScript 类定义的例子。

1. 创建一个类

首先，我们需要通过 class 关键字来定义一个类，并且需要为该类指定一个名称。例如，我们定义一个名为 Car 的类：

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }
}

这里我们使用到了 constructor 构造函数来初始化对象的属性。make 和 model 是我们在创建 Car 实例时需要提供的参数。

2. 创建一个类的实例

接下来我们可以用 new 关键字来实例化一个类，并传入参数：

const myCar = new Car('Tesla', 'Model 3');
console.log(myCar); // 输出：Car { make: 'Tesla', model: 'Model 3' }

这里我们创建了一个名为 myCar 的 Car 实例，并传入了 'Tesla' 和 'Model 3' 作为参数。然后我们通过 console.log() 打印出该实例，可以看到它的 make 属性为 'Tesla'，model 属性为 'Model 3'。

3. 给类添加方法

除了属性之外，类还可以有方法。我们可以在 class 定义内通过简单的函数定义来添加方法，例如：

class Car {
  constructor(make, model) {
    this.make = make;
    this.model = model;
  }

  isElectric() {
    return this.make === 'Tesla';
  }
}

这里我们为 Car 类添加了一个名为 isElectric() 的方法。它只返回一个布尔值，用于判断该车型是否是电动车。我们可以通过 myCar.isElectric() 来调用该方法：

console.log(myCar.isElectric()); // 输出 true

由于我们创建的 myCar 实例使用的是 'Tesla' 作为 make 参数，所以 isElectric() 方法返回了 true。

示例：计算器类

下面是一个更为具体的示例，它演示了如何创建一个简单的计算器类：

class Calculator {
  constructor() {
    this.currentValue = 0;
  }

  add(num) {
    this.currentValue += num;
  }

  subtract(num) {
    this.currentValue -= num;
  }

  multiply(num) {
    this.currentValue *= num;
  }

  divide(num) {
    this.currentValue /= num;
  }

  clear() {
    this.currentValue = 0;
  }

  getCurrentValue() {
    return this.currentValue;
  }
}

在这个示例中，我们创建了一个名为 Calculator 的类，并定义了以下方法：

• add(num): 将 num 加上当前值。
• subtract(num): 从当前值中减去 num。
• multiply(num): 将当前值乘以 num。
• divide(num): 将当前值除以 num。
• clear(): 将当前值重置为 0。
• getCurrentValue(): 返回当前值。

我们可以通过以下代码创建一个 Calculator 实例，并进行简单的加减乘除操作：

const calculator = new Calculator();

calculator.add(5); // currentValue: 5
calculator.subtract(2); // currentValue: 3
calculator.multiply(4); // currentValue: 12
calculator.divide(2); // currentValue: 6

最后，我们可以通过 calculator.getCurrentValue() 方法来获取到计算器当前的值。