js 继承

来源:互联网 发布:知乎经典问答搞笑 编辑:程序博客网 时间:2024/06/03 18:21

实现继承主要是通过js的原型链来实现的

原型和原型链

用例子来说明

function f1(){    .....}var f=new f1();


每个函数都包含一个prototype属性
原型对象都包含一个constructor属性 值为指针

函数与原型对象之间的关系
prototype 指向原型对象 f1 Prototype

f1 Prototype中的constructor指向 f1

实例与原型对象之间的关系
实例对象上都包含一个[[Prototype]]//proto
指向原型对象

f 存在一个proto指向 f1 Prototype

这时如果来一个

function f2(){.....}f2.prototype=new f1();

将f1的实例复制给f2 prototype//此处实际是重写f2的原型对象
//增加的话 是f2.prototype.xx=function(){};

此时 f2Prototype变成了f1的一个实例
那么f2Prototype中也有了proto 指向 创建它的构造函数的原型对象 也就是f1.Prototype

这时

var instance_f2=new f2();instance_f2既可以访问f2的原型对象的属性方法 也可以访问f1的原型对象的属性方法

另外 所有函数的原型都是Object的实例
可以称Object为顶层原型对象