原型与原型链

如果在构造函数中直接为对象添加属性和方法,则会导致每个对象都包含一份自己的属性和方法,当大量创建对象时就会浪费很多存储空间。而将属性和方法添加到构造函数的原型中就可以使通过该构造函数创建出来对象共用这些属性和方法。即原型实现了属性和方法的共享

为构造函数指定原型:

ObjFunc.prototype = object.create(baseFunc)

ObjFunc.prototype.constructor = baseFunc

ES6中支持 class extends 关键字,就不需要用上面的方式了(但本质上还是一样的)。

当访问对象的属性和方法时,JS运行时会首先在该对象自身中查找要使用的属性和方法,找到就调用;如果找不到,则会到原型中查找。因此原型中的属性和方法虽然是共享的,但它们的优先级要低一点。

JS运行时在查找可调用的属性和方法时并不只查找一层原型,因为原型本身也是对象,因此JS运行时还会查找原型对象的原型,一直查找到Object的原型为止。这样就构成了一个链式结构,称为原型链。通过原型链可以形成类似继承的效果。

JS中的继承与其它编程语言中的继承还是有区别的!在其它编程语言中,任何类的对象都是由一个实例构成的,属性值也只有一个值,不管继承多少层。而JS通过原型链形成的继承是由多个实例构成的链,属性值也可以有多个值(每一层原型上都可以有一个不同的值),继承的层次越多,涉及的实例就越多,值也越多!

JS的原型链在Angular中还被用于构造作用域链。

猜你喜欢

转载自www.cnblogs.com/liubingboke/p/8861352.html