原型与原型链

原型

1.prototype
在JavaScript中每一个函数都有一个prototype属性,这个属性指向函数的原型对象
,例如

 function A() {}
 A.prototype.age = "18";
 var a = new A(); 
 console.log(a.age)//18

上述例子中,函数的prototype指向了一个对象,而这个对象正是调用构造函数时创建的实例的原型,也就是a的原型。

原型的概念:每一个javascript对象(除null外)创建的时候,就会与之关联另一个对象,这个对象就是我们所说的原型,是一个引用数据类型,每一个对象都会从原型中“继承”属性。

2.__ proro__

每个对象(除null外)都会有的属性,叫做__proto__,这个属性会指向该对象的原型,是一个引用数据类型。

    function B(){}
    var b = new B();
    console.log(a.__protp__ = B.prototype)

3 constructor
在每一个原型上都有一个constructor属性,指向关联的构造函数.

     function C(){}
    console.log(C === C.prototype.constructor)//true

原型的检测

isPrototypeOf()函数: 检测两个对象之间是否存在原型关系

console.log(A.prototype.isPrototypeOf(a)); //true

instanceOf运算符: 检测某个实例对象是否来自于某个构造函数

//查看b对象是不是B的实例
console.log(b instanceof B);  //true
//查看c对象是不是C的实例
console.log(c instanceof Object); //true	

原型链

构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例,结果会怎样?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立。如此层层递进,就构成了实例与原型的链条。这就是所谓的原型链的基本概念。

下面我们来看一张图:
在这里插入图片描述
原型链可以看做是对象的隐式原型指向所形成链条。在图中我没有标出constructor的关系。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值