JavaScript-原型、原型链

今天谈谈我对JS中原型的理解
在JS中对象有两种,分别为普通对象Object和函数对象Function。

每一个JavaScript对象都有一个相关联的对象,即原型对象(null除外)。创建的新对象,都是从原型继承属性。如通过new Array()创建一个新的数组对象,它的原型就是Array.prototype,这个新的数组对象继承了原型中的属性和方法。
但是普通对象是没有prototype,它只有隐藏属性proto,proto保存了上一级的原型对象的所有内容。

原型对象的作用-继承

一般来说原型对象中保存了一些属性和方法,这些属性和方法是给后代。举个栗子:

1
2
3
4
5
6
7
8
function parent(a) {
this.a = a;
};
parent.prototype.say = function() {
return this.a;
};
var child = new parent("Hello");
console.log(child.say()) //Hello;

可以很直接的看出来,通过new parent出来的后代,可以直接使用parent中的方法,这就是继承关系。parent.prototype被继承在child的proto(child.proto===parent.prototype)。child是可以直接使用这些属性和方法的。

每个对象的proto指向上一级的原型对象,形成了一个链式结构,这个链式结构就是原型链。每个对象都可以使用在原型链中上级的所有属性和方法。
注:如果改变了原型对象中的属性或方法,则在原型链中下级的所有继承者均发生改变。

文章目录