原型链详解

校招季,走前端方向的同学们肯定都被问过原型链相关的问题吧,这是js的基础问题了,只不过让大家总结,可能又说不太出来,结合自己看过的文章以及自己的理解,我大概整理了一下,希望能帮助到那些还在泥潭中挣扎的同学~

本文借鉴的文章链接

结论1:在js中如果A对象是由B函数构造的,那么A._proto_ === B.prototype。

function Person()  
{
     

}  
var obj = new Person();  
alert(obj.__proto__ === Person.prototype);//true  

这是单个对象及其原型,当我们将多个对象的原型建立联系时,就会产生原型链,
也可以暂时这样理解:对象的__proto__属性对象的构造函数的原型的__proto__属性构成的链式结构叫原型链
举例:

function Foo(){
...
}
Foo.prototype.name = function(){
...
}
function Bar(){
...
}
Bar.prototype = Object.create(Foo.prototype);

//用Bar.prototype = new Foo()来做也可以,不过没这种方法好,可以防止Foo内部有某些其他不想要的操作,对bar造成副作用。es6的setPrototypeOf方法也可以。

var bar = new Bar();
//bar.__proto__.__proto__ === Foo.prototy
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值