ES6的class

Vivqst2023-10-04 12:17

ES6 的类，可以看作构造函数的另一种写法。

javascript 复制代码

function Parent(name) {
    this.name = name
}

Parent.prototype.toString = function() {
  return `this is ${this.name}`
}

let parent = new Parent('zhangsan') 
console.log(parent.toString())  // this is zhangsan

javascript 复制代码

class Parent {
    constructor(name) {
      this.name = name
    }
    
    toString() {
      return `this is ${this.name}`
    }
}

let parent = new Parent('zhangsan')
console.log(parent.toString())  // this is zhangsan

typeof Parent // "function"
Parent === Parent.prototype.constructor  // true

类的数据类型就是函数，类本身就指向构造函数。

构造函数的prototype属性在ES6的类上面继续存在，定义在类内部的函数相当于定义在类的prototype属性上，prototype对象的constructor属性，直接指向"类"的本身，但类内部定义的方法不能枚举

在一个方法前，加上static 关键字，表示该方法不会被实例继承 ，而是直接通过类来调用 ，这就称为**"静态方法"**，静态方法包含this关键字，this指的是类，而不是实例。