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
下一篇: js实现图片上传到服务器和回显