校招季,走前端方向的同学们肯定都被问过原型链相关的问题吧,这是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