如何实现JavaScript中的继承和封装？

JavaScript 继承封装是指在 JavaScript 中，通过使用特定的语法和技巧，将一个对象的属性和方法传递给另一个对象，从而实现代码的重用和模块化。常见的继承方式有原型链继承、构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合继承等。

封装与继承基本概念

在JavaScript（JS）中，封装和继承是面向对象编程的两个核心概念，封装指的是将数据和行为绑定在一起，并限制直接访问，而是通过接口与外部进行交互，继承则允许一个对象（子类）获取另一个对象（父类）的特性（属性和方法），这减少了代码的重复性，并实现了代码的复用。

封装

封装在ES5中主要通过函数作用域和闭包来实现，把数据和行为封在一起，并隐藏内部的细节，这样，外部只能通过预定的接口与对象进行交互，而不能直接访问内部的数据。

表格：封装示例

function Person(name) {
    this.name = name;
    this.sayName = function() {
        console.log(this.name);
    };
}
var person1 = new Person("Tom");
person1.sayName(); // 输出 "Tom"

方法/属性	描述
`function Person(name)`	构造函数，用于创建Person对象
`this.name = name;`	设置Person对象的name属性
`this.sayName = function()`	定义一个sayName方法，输出name属性

继承

在ES5及更早版本中，继承通常通过原型链或构造函数绑定实现，使用原型链的继承是通过设置子类的原型为父类的实例来实现的，而构造函数绑定则是通过call或apply方法把父类的构造函数绑定在子类上，从而实现继承。

表格：继承示例

function Parent() {
    this.name = 'Parent';
}
function Child() {
    Parent.call(this);
    this.name = 'Child';
}
var child1 = new Child();
console.log(child1.name); // 输出 "Child"

方法/属性	描述
`function Parent()`	父类构造函数
`this.name = 'Parent';`	设置父类name属性
`function Child()`	子类构造函数
`Parent.call(this);`	调用父类构造函数实现继承
`this.name = 'Child';`	设置子类name属性

ES6中的类

ES6引入了class关键字，使得实现类和继承变得更加简洁，虽然ES6的类看起来像传统的OOP语言中的类，但它本质上还是函数，使用extends关键字可以实现类之间的继承，这大大简化了代码的编写。

表格：ES6类示例

class Parent {
    constructor() {
        this.name = 'Parent';
    }
}
class Child extends Parent {
    constructor() {
        super(); // 调用父类构造器
        this.name = 'Child';
    }
}
var child1 = new Child();
console.log(child1.name); // 输出 "Child"

关键词	描述
`class Parent`	定义一个名为Parent的类
`constructor()`	Parent类的构造器
`class Child extends Parent`	定义一个继承自Parent的Child类

相关问题与解答