1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JS经典面试题:JS原型 原型链

JS经典面试题:JS原型 原型链

时间:2020-12-21 04:33:07

相关推荐

JS经典面试题:JS原型 原型链

JS是一种基于原型的语言,每一个对象都有一个原型对象,当你试图寻找某个属性时,它不仅仅在该对象上面搜索,还有搜索该对象的原型,或则是该对象原型的原型,一次向上进行搜索,直到找到一个名字匹配的属性或者到达原型链尾部,则会返回一个null,如下图所示(原型链):

详细讲解:JS每一个函数中都有会有一个特殊的属性,叫做原型对象prototype,原型对象主要是存放一些公共属性或者方法的,其主要作用:减少每次实例化对象中重复方法的占用内存现象。

举例(ES5):

function Star(name, age) {this.name = namethis.age = agethis.action=function(){console.log("出拳!")}}var s1=new Star('zs',18)var s2=new Star('ls',15)

问题:两个不相同的实例对象指向两个相同的方法,这样会造成内存的浪费

这是就需要将公共的方法挂载到原型对象中,js会根据访问属性机制找到对应的方法或者属性。

function Star(name, age) {this.name = namethis.age = age}Star.prototype.action = function() {console.log("我喜欢唱歌!!");}var s1 = new Star('zs', 18)var s2 = new Star('ls', 15)s1.action()s2.action()

通过new Star()实例出来的对象中有一个__proto__原型,这个原型指向的就是Star的prototype原型对象,所有通过s1,s2就找到公共action方法

可以看出,原型对象中有一个constructor的属性,这个属性指向该函数本身 如下图:

原型链(js查找属性机制):

首先查找对象自身有没有该属性如果没有查找原型__proto__(__proto__指向prototype原型对象)还没有找到,就去查找原型对象的原型(Object的原型对象)一直找到Object为止,Object原型对象的原型会指向null

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。