如何理解javascript的面向对象

理解JavaScript的面向对象编程（OOP）首先要明确几个核心要点：对象和类的概念、原型和原型链的作用、构造函数的角色、以及继承机制。对象是将数据（属性）和操作数据的方法组织在一起的实体。类是创建对象的模板，JavaScript从ECMAScript 6开始正式支持类的语法，但在此之前，开发者通过构造函数来实现类似类的功能。原型和原型链是JavaScript中实现对象间继承的机制。构造函数用于创建特定类型的对象，既定义类的属性也定义方法。继承则允许一个类继承另一个类的属性和方法。

在这些核心要点中，原型和原型链的作用是特别值得深入探讨的。JavaScript中每个对象都有一个内置的属性，即原型，它指向其构造函数的prototype属性。当我们试图访问一个对象的属性或方法时，但是在该对象上没有找到，就会通过原型链向上查找，直到找到为止或者查找到Object.prototype的原型为止，这是顶端，它的原型是null。这个查找过程就很好地解释了JavaScript中的继承机制是如何工作的，它使得对象可以使用非自有的属性和方法，是理解面向对象编程中继承概念的关键。

一、对象和类

在JavaScript中，一切皆对象。理解对象的属性和方法是理解面向对象编程的基础。属性是对象的特征，比如人的名字和年龄，方法是对象的行为，比如人可以说话和走路。类是创建这些对象的蓝图或模板。在ES6之前，通过构造函数来模拟类的概念，构造函数通过使用new关键字来创建实例。

构造函数模式让对象的创建更加动态、灵活。创建一个人物的构造函数，我们可以指定人的姓名、年龄等属性，以及定义各种行为：

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.describe = function () {
        return this.name + " is " + this.age + " years old";
    };
}

通过新的class语法，使得概念更接近传统意义上的OOP语言，提高了JavaScript的面向对象编程的可读性和易用性。

二、原型和原型链

JavaScript的函数（构造函数除外）在创建时，会有一个名为prototype的属性，该属性是一个指向原型对象的指针。当通过构造函数创建一个对象时，这个对象内部会包含一个指针，指向构造函数的原型对象。此机制即原型链实现继承的基础。

原型链的工作原理是当访问一个对象的属性时，如果在当前对象上找不到，就会查找它的原型，如果还找不到，就继续查找原型的原型，这一过程会持续到找到属性或达到原型链的末端。

function Animal(name) {
     this.name = name;
}
Animal.prototype.getName = function () {
     return this.name;
};
var dog = new Animal("Rex");
console.log(dog.getName()); // "Rex"

在这个例子中，getName方法是定义在Animal的原型上的，这意味着所有通过Animal构造函数创建的实例都可以访问到这个方法，展示了原型的共享特性。

三、构造函数和类

构造函数是JavaScript中实现对象创建的一种方式，ES6的类语法实质上是对构造函数的语法糖。构造函数通过new操作符来创建一个实例，这个过程中会执行构造函数内部的代码，将属性和方法绑定到新对象上，同时，新对象的原型被设置为构造函数的prototype属性。

function Car(model) {
    this.model = model;
}
Car.prototype.getModel = function(){
    return this.model;
}
var myCar = new Car("Toyota");
console.log(myCar.getModel()); // "Toyota"

使用ES6的类语法，我们可以更直观地实现同样的功能：

class Car {
    constructor(model) {
        this.model = model;
    }
    getModel() {
        return this.model;
    }
}
const myCar = new Car("Toyota");
console.log(myCar.getModel()); // "Toyota"

四、继承

在面向对象编程中，继承是一种允许新对象获取另一个对象属性和方法的机制。在JavaScript中，继承主要是通过原型链实现的。ES6引入了extends和super关键字，让基于类的继承更加直观和容易实现。

传统的通过原型实现继承的例子：

function Parent() {
    this.name = "Parent";
}
Parent.prototype.getName = function () {
    return this.name;
};
function Child() {
    Parent.call(this); // 调用父类构造函数
}
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;
let child = new Child();
console.log(child.getName()); // "Parent"

使用ES6的类和继承：

class Parent {
    constructor() {
        this.name = "Parent";
    }
    getName() {
        return this.name;
    }
}
class Child extends Parent {
    constructor() {
        super(); // 调用父类的constructor()
    }
}
let child = new Child();
console.log(child.getName()); // "Parent"