uniapp如何定义类

定义类的基本语法

在UniApp中，可以使用ES6的类语法来定义类。类可以包含构造函数、属性和方法。

class MyClass {
  constructor(name) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, ${this.name}`);
  }
}

类的继承

UniApp支持类的继承，使用extends关键字实现。

class ParentClass {
  constructor(name) {
    this.name = name;
  }
}

class ChildClass extends ParentClass {
  constructor(name, age) {
    super(name);
    this.age = age;
  }
}

静态方法和属性

类中可以定义静态方法和属性，通过类名直接访问。

class Utils {
  static version = '1.0.0';

  static formatDate(date) {
    return date.toLocaleDateString();
  }
}

类的Getter和Setter

可以使用getter和setter来控制属性的访问。

class Person {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }

  get fullName() {
    return `${this.firstName} ${this.lastName}`;
  }

  set fullName(name) {
    [this.firstName, this.lastName] = name.split(' ');
  }
}

类的私有字段

ES2022引入了私有字段语法，字段名前加#表示私有。

class Counter {
  #count = 0;

  increment() {
    this.#count++;
  }

  getCount() {
    return this.#count;
  }
}

类与UniApp组件结合

在UniApp的Vue组件中，可以将类实例作为组件的属性使用。

import MyClass from './MyClass.js';

export default {
  data() {
    return {
      myInstance: new MyClass('UniApp')
    }
  }
}