说起这三者之间的关系,我记起我刚学js的时候,我看到一位大佬的比喻,他说,把构造函数比喻成你父亲,原型对象比喻成你母亲,那么实例对象就是你,这三者之间的关系就是你家三口的关系,我感觉比喻得还是很形象的,那么下面我就以我自己对它们三的理解来跟大家谈谈吧!
首先,构造函数,它的作用与工厂函数一致,都是用来创建对象的。但是代码更加简洁。只不过它需要加关键字new,这个关键字可是构造函数最重要的一部分,没它可不行哦。提到new,顺便也说说new的作用吧。它在构造函数中主要做了四件事:1.它创建了一个空的对象;2.使this指向了这个对象;3.给这个对象赋值;4.它还可以返回这个对象。咳咳~言归正传,我们继续说它们三者之间的关系。
构造函数,它一般首字母都是大写,(这是为了提醒你的小伙伴,这是一个构造函数,别忘记了new关键字),还有就是,构造函数中加入new关键字以后,如果你又手动的加了一个return,那么就要看你手动加入的是什么类型的了,如果是值类型,那就直接无法生效,如果是引用类型,那就会覆盖new关键字创建的对象,它拥有一个属性Protptype
再说说原型对象,原型对象就是在写构造函数的同时系统自动在堆空间中创建的一个对象,它的作用就是清除内存浪费和变量污染,它拥有一个属性constructor
最后说说,实例对象,它是调用构造函数之后创建的对象,它拥有一个属性__proto__ (不是web标准属性,开发中省略)
它们之间的关系用下面这张图表示最明确了