JavaScript 中的类和代理

在 JavaScript 中，类和代理是两种不同的概念，但它们都在面向对象编程中发挥重要的作用。

类

类是一种用于创建对象的模板，它定义了对象包含的属性和方法。类可以看作是一种对象的蓝图，通过它可以创建多个相似的对象。在 JavaScript 中，通过 class 关键字来定义类。下面是一个简单的例子：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const john = new Person('John Doe', 30);
john.sayHello(); // output: Hello, my name is John Doe and I am 30 years old.

在上面的例子中，我们定义了一个 Person 类，它有两个属性 name 和 age，以及一个方法 sayHello()。我们通过 new 关键字来创建一个 john 对象，并调用它的 sayHello() 方法。

代理

代理是一种用于捕获和处理对对象操作的机制，它可以在对象操作之前或之后进行拦截和修改。在 JavaScript 中，通过 Proxy 对象来创建代理。下面是一个简单的例子：

const person = {
  name: 'John Doe',
  age: 30
};

const personProxy = new Proxy(person, {
  get(target, prop) {
    if (prop === 'age') {
      return target[prop] + ' years old';
    } else {
      return target[prop];
    }
  },
  set(target, prop, value) {
    if (prop === 'age' && typeof value !== 'number') {
      throw new TypeError('Age must be a number');
    } else {
      target[prop] = value;
    }
  }
});

console.log(personProxy.name); // output: John Doe
console.log(personProxy.age); // output: 30 years old

personProxy.age = 'thirty'; // throws TypeError: Age must be a number

在上面的例子中，我们定义了一个 person 对象，然后通过 Proxy 对象创建了一个代理对象 personProxy。我们在代理对象中定义了一个 get 和一个 set 方法，用于拦截和修改对原对象的属性访问和设置。

代理对象 personProxy 在访问 age 属性时会将其值转换为字符串并加上 ' years old' 后缀，而在设置 age 属性时会校验其值是否为数字类型，否则会抛出一个 TypeError 异常。

总结

类和代理都是用于面向对象编程的重要概念，它们都有自己的特点和用途。类用于定义对象模板，通过它可以创建多个相似的对象；代理用于捕获和处理对对象操作，通过它可以对对象的属性进行拦截和修改。了解这些概念对于 JavaScript 开发来说是很重要的，可以帮助我们更好地理解和使用面向对象编程。