面试题：JavaScript 中类和构造函数在数据封装场景的应用

Question

假设你正在开发一个简单的用户管理系统，需要存储用户的姓名、年龄和邮箱。请分别使用类和构造函数来实现数据的封装，并说明在这个场景下两者的优缺点。

Answer 1

使用类实现

class User {
    constructor(name, age, email) {
        this.name = name;
        this.age = age;
        this.email = email;
    }
}

// 使用示例
let user1 = new User('张三', 25, '[e-mail]');

使用构造函数实现

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

// 使用示例
let user2 = new User('李四', 30, '[e-mail]');

优缺点分析

1. 类
   • 优点：
     • 语法更简洁、清晰，符合面向对象编程的直观思维，易于理解和维护。
     • 基于类的继承更加方便，通过 extends 关键字可以轻松实现继承关系，增强代码复用性。
     • 类在 ES6 之后成为 JavaScript 官方标准的面向对象编程方式，被广泛接受和使用。
   • 缺点：
     • 对于一些简单场景，可能相对构造函数会引入更多代码结构，增加一定复杂度。
2. 构造函数
   • 优点：
     • 灵活性高，在早期 JavaScript 没有类的语法时，构造函数是实现对象创建和封装的主要方式，对于熟悉传统方式的开发者来说易于上手。
     • 对于简单场景，代码量可能相对较少，更加轻量级。
   • 缺点：
     • 语法相对复杂，尤其是在处理继承等高级特性时，需要手动实现原型链等操作，代码不够直观。
     • 相比于类，代码结构可能不够清晰，维护性在复杂场景下会有所降低。