ES6类用法及与原型继承区别详解

大家好，今天本人给大家带来文章《ES6类怎么用？与原型继承有何不同》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

ES6的class是原型继承的语法糖，本质仍是函数和原型链，仅提供更安全、简洁的封装。它强制new调用、方法不可枚举且不可写，继承自动设置__proto__链接，不改变JavaScript原型本质。

ES6 的 class 本质上是原型继承的语法糖，写法更简洁、语义更清晰，但底层机制完全基于 JavaScript 原有的原型链，并没有引入新的继承模型。

类的写法更直观，但运行时仍转为函数和原型操作

定义一个类：

class Person {
  constructor(name) {
    this.name = name;
  }
  sayHello() {
    return `Hello, I'm ${this.name}`;
  }
  static createAnonymous() {
    return new Person('Anonymous');
  }
}

这等价于传统构造函数 + 原型添加方法：

function Person(name) {
  this.name = name;
}
Person.prototype.sayHello = function() {
  return `Hello, I'm ${this.name}`;
};
Person.createAnonymous = function() {
  return new Person('Anonymous');
};

浏览器或编译器（如 Babel）会把 class 编译成类似上面的函数形式。所以 typeof Person 仍是 "function"，Person.prototype 依然存在。

类强制使用 new 调用，而普通函数可随意调用

class 构造器内部有“[[IsConstructor]]”内部属性，直接调用会报错：

class Cat {}
Cat(); // TypeError: Class constructor Cat cannot be invoked without 'new'

而普通构造函数不加 new 调用，虽然可能出错（this 指向全局），但不会语法报错。

这是类提供的一个轻量级安全机制，避免忘记 new 导致的隐蔽 bug。

类中定义的方法默认不可枚举，且不能被重新赋值

在 class 中定义的实例方法（如 sayHello）会自动设置 enumerable: false：

for (let key in new Person('Alice')) {
  console.log(key); // 不会打印 'sayHello'
}

同时，这些方法是“不可写、不可配置”的（writable: false, configurable: false），防止意外覆盖：

let p = new Person('Bob');
p.sayHello = () => 'hacked'; // 无效（严格模式下静默失败，非严格模式也无效）
console.log(p.sayHello()); // 仍输出 'Hello, I'm Bob'

相比之下，手动挂到 prototype 上的方法默认是可枚举、可写的，需额外用 Object.defineProperty 控制。

继承语法更统一，但底层仍是 __proto__ 和 prototype 链接

使用 extends 继承：

class Student extends Person {
  constructor(name, grade) {
    super(name);
    this.grade = grade;
  }
  study() {
    return `${this.name} is studying`;
  }
}

这背后做了两件事：

• 设置 Student.prototype.__proto__ === Person.prototype（让实例能访问父类原型方法）
• 设置 Student.__proto__ === Person（让静态方法可继承）

也就是说，ES6 类继承依然依赖两个关键原型链接，只是由引擎自动完成，不再需要手动写 Student.prototype = Object.create(Person.prototype) 或 Object.setPrototypeOf(Student, Person)。

小结：类 ≠ 新机制，而是更安全、更易读的原型封装

它不改变 JavaScript 的原型本质，但带来几个实际好处：

• 语法更接近主流语言（Java、C++），降低学习门槛
• 强制 new、方法不可枚举/不可写，减少常见错误
• 继承逻辑由引擎保障，避免手动设置原型链出错
• 支持 static、get/set、私有字段（#field）等现代特性，扩展性更强

理解原型是掌握类的关键——类只是让你少写几行容易出错的原型操作代码。

终于介绍完啦！小伙伴们，这篇关于《ES6类用法及与原型继承区别详解》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！