JavaScript面向对象之深入了解ES6的class

一、JavaScript面向对象
JavaScript是一种弱类型语言，不支持类的概念，但是JavaScript可以通过对象、原型和构造函数等方式模拟类的概念。在JavaScript中，对象是一个属性的集合，可以通过点语法或方括号语法来访问对象中的属性和方法。同时，JavaScript还支持原型继承。继承是指对象可以继承其他对象中的属性和方法，这种继承是通过原型链实现的。构造函数是一种特殊的函数，可以通过它创建对象，构造函数中的this关键字指向创建的对象本身。在构造函数中，可以使用this关键字来定义对象的属性和方法。下面是一个示例说明：

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

Person.prototype.sayHello = function () {
    console.log("Hello, my name is " + this.name + " and I am " + this.age + " years old.");
}

var john = new Person("John", 30);
john.sayHello(); //输出："Hello, my name is John and I am 30 years old."

二、深入了解ES6的class
ES6中新增了class关键字，这使得JavaScript的面向对象编程更加规范和易于理解。class关键字可以帮助我们更好地定义类并创建对象。class关键字定义的类与原型对象的写法类似，而构造函数可以通过constructor方法定义。同时，使用class关键字定义的方法与构造函数中使用this定义的方法唯一不同的地方是，在class定义的方法中不需要使用this关键字来引用对象属性和方法，因为class关键字自动将它们绑定在实例上。

下面是一个使用class关键字创建一个Animal类的示例：

class Animal {
    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.");
    }
}

var dog = new Animal("Tom", 2);
dog.sayHello(); //输出："Hello, my name is Tom and I am 2 years old."

三、示例说明
1. 继承
使用class关键字创建的类也可以实现继承。在子类中使用extends关键字来继承父类。在子类的构造函数中，必须先调用父类的构造函数，然后才能定义子类的属性和方法。在子类中定义的方法，如果与父类方法重名，则会覆盖父类方法。

下面是一个使用class关键字创建子类的示例：

class Dog extends Animal {
    constructor(name, age, breed) {
        super(name, age);
        this.breed = breed;
    }

    bark() {
        console.log("Woof! Woof!");
    }
}

var dog = new Dog("Tom", 2, "Golden Retriever");
dog.sayHello(); //输出："Hello, my name is Tom and I am 2 years old."
dog.bark(); //输出："Woof! Woof!"

1. 获取和设置器
   使用class关键字创建的类还可以使用getter和setter方法来获取和设置对象的属性值。

下面是一个使用class关键字创建Getter和Setter的示例：

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

    get name() {
        return this._name;
    }

    set name(value) {
        if(value.length < 2) {
            console.log("Name is too short.");
            return;
        }
        this._name = value;
    }

    get age() {
        return this._age;
    }

    set age(value) {
        if(value < 1 || value > 120) {
            console.log("Age is invalid.");
            return;
        }
        this._age = value;
    }
}

var person = new Person("John", 30);
console.log(person.name); //输出："John"
person.name = "J"; //输出："Name is too short."
person.age = 130; //输出："Age is invalid."

在上面的示例中，使用了两个getter和setter方法来设置和获取对象的属性值。在getter方法中，可以直接返回属性值，而在setter方法中，在对属性进行修改之前，可以添加一些逻辑判断，以确保属性值的有效性。