欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

avaScript原型链的继承过程

程序员文章站 2022-06-15 15:53:54
...

JavaScript原型链继承

1、定义父类型构造函数

function Father() {
    this.fatherName = 'father'
}

2、给父类型的原型添加方法

Father.prototype.getFatherName = function() {
    console.log(this.fatherName);
}

3、定义子类型的构造函数

function Son() {
    this.sonName = 'son'
}

4、父类型的对象赋值给子类型的原型

// 子类型的原型为父类型的实例对象
Son.prototype = new Father();

这一段代码是实现继承的关键。

5、将子类型原型的构造属性设置为子类型

Sub.prototype.contructor = Sub

6、给子类型原型添加方法

Son.prototype.getSonName = function() {
    console.log(this.sonName);
}

7、创建子类型实例对象,可以直接调用父类型的方法

var son = new Son();

son.getFatherName();  // father