js代码-手写代码练习-----原型继承 ,class 继承

在JavaScript中，继承是面向对象编程的一个核心概念，它允许我们创建基于现有对象的新对象，共享和重用代码。在这个话题中，我们将深入探讨两种主要的继承方式：原型继承和类（Class）继承。 ### 1. 原型继承 原型继承是JavaScript早期实现继承的主要方式，它依赖于`__proto__`属性和`Object.create()`方法。每个JavaScript对象都有一个内部原型（prototype），可以通过`__proto__`或`Object.getPrototypeOf()`访问。当尝试访问对象的一个属性时，如果该对象上没有找到，就会查找其原型，这个过程一直持续到找到属性或者到达原型链的末端。 ```javascript // 创建一个原型对象 const base = { name: 'Base', sayName() { console.log(this.name); } }; // 使用Object.create()创建继承自base的对象 const child = Object.create(base); // 子对象可以访问父对象的属性和方法 child.sayName(); // 输出 "Base" ``` ### 2. Class 继承 ES6引入了类（Class）语法，尽管本质上仍然是基于原型的，但它提供了更接近传统面向对象语言的语法糖。类定义通过`class`关键字创建，`extends`关键字用于实现继承。 ```javascript class Base { constructor(name) { this.name = name; } sayName() { console.log(this.name); } } class Child extends Base { constructor(name, age) { super(name); // 调用父类的构造函数 this.age = age; } introduce() { console.log(`My name is ${this.name}, and I am ${this.age} years old.`); } } const childInstance = new Child('Child', 5); childInstance.sayName(); // 输出 "Child" childInstance.introduce(); // 输出 "My name is Child, and I am 5 years old." ``` ### 3. 类继承与原型继承的对比 - **语法简洁性**：类继承的语法更加直观和易读，而原型继承的代码相对复杂。 - **构造函数**：类继承中，`super`关键字用于调用父类的构造函数，而原型继承中需直接引用父类构造函数。 - **静态方法和属性**：类继承支持静态方法和属性，原型继承则没有这个特性。 - **实例化对象**：类继承中，`new`关键字用于创建对象，而原型继承可以使用`Object.create()`或直接通过字面量创建。 ### 4. 组合继承 在实际开发中，经常将两种继承方式结合使用，即"组合继承"。它使用原型链实现方法的继承，同时通过复制父类的实例属性来避免构造函数的重复调用。 ```javascript function Base(name) { this.name = name; } Base.prototype.sayName = function() { console.log(this.name); }; function Child(name, age) { Base.call(this, name); // 调用父类构造函数 this.age = age; } // 继承原型链 Child.prototype = Object.create(Base.prototype); Child.prototype.constructor = Child; // 修复constructor属性 Child.prototype.introduce = function() { console.log(`My name is ${this.name}, and I am ${this.age} years old.`); }; const child = new Child('Child', 5); child.sayName(); // 输出 "Child" child.introduce(); // 输出 "My name is Child, and I am 5 years old." ``` JavaScript中的继承机制提供了灵活性和可扩展性，无论是原型继承还是类继承，都为开发者提供了实现代码复用和构建复杂对象层次结构的手段。在实际项目中，选择哪种方式取决于具体需求和个人偏好。