js的__proto__constructor和prototype属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的__proto__constructor和prototype属性相关的知识,希望对你有一定的参考价值。

__proto__和constructor属性是对象所独有的;prototype属性是函数所独有的。但是由于JS中函数也是一种对象,所以函数也拥有__proto__和constructor属性。

先来看下面这段代码:
function foo(){}
let f = new foo();

foo()是函数,它的constructor属性指向Function(),它的prototype属性指向foo.prototype,它的__proto__属性指向Function.prototype。
f是foo实例化的对象,它的constructor属性指向foo(),__proto__属性指向foo.prototype。

__proto__属性的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(父对象)里找,一直找,直到__proto__属性的终点null,然后返回undefined,通过__proto__属性将对象连接起来的这条链路即我们所谓的原型链。
prototype属性的作用就是让该函数所实例化的对象们都可以找到公用的属性和方法。
constructor属性的含义就是指向该对象的构造函数,所有函数(此时看成对象了)最终的构造函数都指向Function。
?

以上是关于js的__proto__constructor和prototype属性的主要内容,如果未能解决你的问题,请参考以下文章

JS的prototype和__proto__constructor

实践一些js中的prototype, __proto__, constructor

js学习

js中prototype,__proto__,constructor之间的关系

js高级构造函数,实例对象和原型对象——prototype__proto__和constructor构造器

Object.prototype.__proto__ Object.prototype和 Object.prototype.constructor