前端理解原型链

　　工具材料
　　javascript
　　操作方法
　　01：hr学习原型链之前我们先认识一下构造函数，代码如下：
　　functionS（）｛
　　this。
　　this。sayfunction（）｛console。log（this。name）｝
　　｝
　　vars1newS（）；
　　其中，s1是S的实例，s1的proto（大家先不用管proto属性，后续会讲到）中有一个constructor（构造函数）属性，该属性指向S。
　　在这里，大家可以记住两点：
　　1。s1是构造函数S的实例；
　　2。s1。proto。constructorS也可以写成s1。constructorS；
　　02：hr接下来我们来看下一段代码：
　　functionS2（）｛｝
　　S2。prototype。nameXXX；
　　S2。prototype。sayfunction（）｛
　　console。log（this。name）；
　　｝
　　vars2newS2（）；
　　vars3newS2（）；
　　console。log（s2。sayNames3。sayName）；true
　　console。log（s2。protoS2。prototype）；true
　　这一段代码中我们可以看到一个新属性prototype，这是什么呢，其实这就是构造函数S2的原型对象，每个对象都有proto属性，但是只有函数对象才有prototype属性。而s2是构造函数S2的实例，而s2。proto指向的就是S2的原型对象，即s2。protoS2。prototype。得到一个结论，实例的proto属性指向的就是其构造函数的原型对象。
　　03：hr继续上一步的代码，我们添加代码继续调试：
　　console。log（s2。proto）；返回S2的原型对象
　　console。log（S2。prototype）；返回S2的原型对象
　　console。log（s2。proto。proto）；返回Object对象
　　console。log（S2。prototype。proto）；返回Object对象
　　console。log（s2。proto。proto。proto）；返回null
　　console。log（S2。prototype。proto。proto）；返回null
　　其实，S2的原型对象上还有原型对象，因为S2的原型对象也相当于只是Object对象的一个实例。
　　04：hr在这里我给大家画了一张图，便于大家理解原型链。
　　特别提示
　　码子不易，小编如有说得不对的地方，望大家指点包含，谢谢