JavaScript 中面向对象编程的写法

在 JavaScript 编程领域，面向对象编程（OOP）是一种强大且广泛应用的编程范式。它将数据和操作数据的方法封装在一起，形成对象，从而提高代码的可维护性、可扩展性和可复用性。

构造函数

在 JavaScript 中，使用构造函数是创建对象的一种常见方式。构造函数是一个普通函数，但使用 new 关键字调用时，它会创建一个新对象。例如：

function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayHello = function() {
        console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
    };
}

const person1 = new Person("John", 30);
person1.sayHello(); 

在这个例子中，Person 是构造函数，this 关键字指向新创建的对象。构造函数内部定义了对象的属性和方法。

原型链

JavaScript 中的每个对象都有一个内部属性 [[Prototype]]，它指向该对象的原型对象。原型对象也是一个对象，也有自己的原型对象，以此类推，直到达到 Object.prototype。通过原型链，对象可以继承其原型对象的属性和方法。

function Animal() {}
Animal.prototype.speak = function() {
    console.log("I am an animal.");
};

function Dog(name) {
    this.name = name;
}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
Dog.prototype.bark = function() {
    console.log(`${this.name} says Woof!`);
};

const myDog = new Dog("Buddy");
myDog.speak(); 
myDog.bark(); 

这里，Dog 构造函数的原型继承自 Animal 构造函数的原型，使得 Dog 实例可以访问 Animal 的方法。

类和继承

ES6 引入了 class 关键字，使 JavaScript 的面向对象编程更接近传统面向对象语言。

class Shape {
    constructor(color) {
        this.color = color;
    }
    draw() {
        console.log(`Drawing a shape with color ${this.color}`);
    }
}

class Circle extends Shape {
    constructor(color, radius) {
        super(color);
        this.radius = radius;
    }
    draw() {
        super.draw();
        console.log(`It's a circle with radius ${this.radius}`);
    }
}

const circle = new Circle("red", 5);
circle.draw(); 

class 定义了一个模板，extends 关键字用于实现继承。super 关键字用于调用父类的构造函数和方法。

掌握这些 JavaScript 中面向对象编程的写法，能够帮助开发者更高效地组织和管理代码，构建出复杂而健壮的应用程序。无论是小型项目还是大型企业级应用，面向对象编程的思想和技巧都发挥着重要作用。