JavaScript ES6 Class类全方位进阶指南

class Animal {
    // 构造函数：每当 new 一个实例时自动调用
    constructor(name) {
        this.name = name; // 实例属性
    }
    // 原型方法：定义在 Animal.prototype 上，供所有实例共享
    speak() {
        console.log(`${this.name} speak!!!`);
    }
}
const dog = new Animal('dog');
dog.speak(); // dog speak!!!

class Animal {
    constructor(name) {
        this.name = name;
    }
    eat() {
        return `${this.name} needs food`;
    }
}
class Cat extends Animal {
    constructor(name, color) {
        // 1. 调用父类构造函数（传递 name）
        super(name); 
        this.color = color;
    }
    eatFood() {
        // 2. 通过 super 调用父类的原型方法
        console.log(`${this.name} is ${this.color}, ${super.eat()}`);
    }
}
const mimi = new Cat('mimi', 'white');
mimi.eatFood(); // mimi is white, mimi needs food

class Animal {
    static feet = 4; // 静态属性
    static eat() {
        // 注意：这里的 this 指向 Animal 类本身
        console.log(`${this.name} is eating`); // 这里的 this.name 输出的是 "Animal"（类的名字）
    }
}
const cat = new Animal();
console.log(cat.feet);      // undefined (实例无法访问)
console.log(Animal.feet);   // 4 (类直接访问)
Animal.eat();               // "Animal is eating"

function Animal() {}
Animal.eat = function() { console.log('eating'); }; // 模拟静态方法