JS经典面试题：JS原型、原型链

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

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

举例(ES5)：

 function Star(name, age) {
     this.name = name
     this.age = age
     this.action=function(){
        console.log("出拳！")
    }
 }

 var s1=new Star('zs',18)
 var s2=new Star('ls',15)
 

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

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

        function Star(name, age) {
            this.name = name
            this.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查找属性机制）：

1. 首先查找对象自身有没有该属性
2. 如果没有查找原型__proto__（__proto__指向prototype原型对象）
3. 还没有找到，就去查找原型对象的原型（Object的原型对象）
4. 一直找到Object为止，Object原型对象的原型会指向null