ES6类的语法

7. ES6类语法

• 类的作用
  • 作用和构造函数一样
• 语法 class Person {}

1. 定义属性

// 类语法
// class类只能实例化调用,无法当作普通函数调用
// 但class其实也是一个函数
class Person {
  // 类内部默认有一个constructor构造器方法
  constructor(name, age) {
    // 在new实例对象时,会默认调用构造器方法
    console.log("ok");
    // this指向的是实例对象
    this.name = name ?? "人"
    this.age = age ?? 12
    // 在构造器中添加到属性和方法,都是实例对象本身上的属性和方法
  }
}

2. 定义方法

class Person {
  constructor(name, age) {
  }

  // 在这里定义原型方法
  fun() {
    console.log("我是个方法");
  }

  // 也可以在这里添加属性,注意:并不会在原型上,而是在自身上
  gender = "男"
}

3. 定义静态变量与私有变量

class Person {
  constructor(name, age) {
  }
  // 静态属性静态方法, 专门给类使用的, 实例对象无法调用到
  static xi = "洗"
  static staFun() {
    console.log("静态方法");
  }

  // 私有属性和方法只能在类内部使用,在外部使用则报错
  #color = "红色"
}