js 继承通过原型链机制实现。父类实例创建后,子类构造函数会创建一个子类对象并将其原型指向父类实例。子类对象通过原型链访问父类属性和方法。重名属性会覆盖父类属性,方法会自动继承或重写。实例是类的具体对象,拥有私有属性和方法,并通过原型链继承父类属性和方法。原型是共享属性和方法的对象,子类的原型指向父类的实例。
JS 继承的实现机制
JS 中的继承主要通过原型链的机制来实现,下面详细介绍这一过程:
1. 父类对象的创建
一个父类对象被创建时,它会定义自己的私有属性和方法。同时,它还继承自 JavaScript 的内置原型对象 Object.prototype。
2. 子类对象的创建
要创建一个子类对象,需要使用一个特殊的函数,称为构造函数。构造函数会执行以下操作:
3. 原型链
当子类对象创建时,它的原型指向父类对象。这就创建了一个原型链。通过原型链,子类对象可以访问父类对象的属性和方法。
4. 属性和方法的查找
当子类对象尝试访问某个属性或方法时,首先会在自己内部查找。如果找不到,它会沿着原型链向上查找,直到找到它。
5. 属性的覆盖
如果子类对象定义了与父类对象同名的属性,则子类对象的属性会覆盖父类对象的属性。
6. 方法的继承
子类对象自动继承父类对象的所有方法,但子类对象可以重写父类对象的方法。
7. 实例与原型
实例是某个类创建的具体对象。每个实例都有自己的私有属性和方法,并且它通过原型链继承自父类对象的属性和方法。
原型是一个对象,它包含了类中所有实例共享的属性和方法。子类的原型指向父类的实例。
示例:
// 父类 Person function Person(name) { this.name = name; } Person.prototype.greet = function() { console.log(`Hello, my name is ${this.name}`); }; // 子类 Student function Student(name, major) { Person.call(this, name); this.major = major; } Student.prototype = Object.create(Person.prototype); Student.prototype.study = function() { console.log(`I am studying ${this.major}`); }; // 创建子类对象 const student = new Student("John", "Computer Science"); // 访问继承的属性和方法 student.greet(); // 输出: Hello, my name is John student.study(); // 输出: I am studying Computer Science