关于学习prototype和__proto__的理解

最近在自学js，然后一直对原型对象prototype和__proto__不是很理解，然后学习以后记录一下自己的理解

提示：以下是本篇文章正文内容，下面案例可供参考

一、prototype和__proto__是什么？

1、在JavaScript中，prototype对象是实现面向对象的一个重要机制。每个函数就是一个对象（Function），函数对象都有一个子对象 prototype对象，类是以函数的形式来定义的。prototype表示该函数指向的原型对象，也表示一个类的成员的集合。
2、而__proto__是对象实例的一个属性，用于访问其构造函数的prototype中的属性和方法，或者说是指向其继承的原型对象。
3、prototype是函数特有的属性(显示原型)，指向其一个对象(默认指向一个空对象)，__proto__是对象特有的属性(隐式原型)，指向其继承的原型对象(或者说其构造函数的prototype)

在这里插入图片描述

二、代码测试

1.利用构造函数，创建一个对象实例，查看prototype

创建一个构造函数Person函数代码如下（示例）：

function Person(options) {
            this.name = options.name
            this.age = options.age
            this.gender = options.gender
            this.method = function() {
                console.log('hello!')
            }
        }
        console.log(Person.prototype)

2.利用该构造函数创建对象，并查看其__proto__

代码如下（示例）：

function Person(options) {
            this.name = options.name
            this.age = options.age
            this.gender = options.gender
            this.method = function() {
                console.log('hello!')
            }
        }
        console.log(Person.prototype)

        let p = new Person({
            name: '小明',
            age: 18,
            gender: '男'
        })
        console.log('对象p:', p)
        console.log('对象p的__proto__:', p.__proto__)

这里的[[Prototype]]和__proto__其实意义相同，都是指向其原型对象，从中继承属性和方法，只是不同的书籍资料中的规范表示和浏览器的实现不同

---

3.原型链

根据以上总结，原型链便是一层一层的继承关系形成的，当一个对象需要访问某个方法或属性发现自身没找到时便会去其__proto__指向的原型对象中去寻找(构造函数指向的的prototype)，而当在这一个原型对象中还是没有时，便会顺着该原型对象的__proto__指向的上一层原型对象中去寻找，这样一层一层形成的链式关系便是我们所说的原型链

总结

本篇文章时我自学JavaScript的过程中的一些理解，特意记录下来，还有很多需要学习改进的我会继续努力。记录时借鉴了JavaScript权威指南和各搜索引擎上面的概念和观点。