简单认识prototype和__proto__,个人小结

Posted

tags:

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

    首先说一下构造函数,定义构造函数就是在定义一个模版,其目的就是为了复用。每个构造函数都有一个prototype属性,指向自己的原型对象。每一个构造函数创建出来的对象都会链接到prototype这个属性中,那么原型的作用是什么?1.就是为了重复的代码进行复用,2.就是为了继承。对象原型中有的成员,那么对象也就有了。共有的属性放到原型里,特有的一般放到构造方法里,这样可以达到复用的效果。

    例如:

 function Fn(name){
                this.name = name;
            };
//           每一个对象会去找原型中的方法
 Fn.prototype.sayhello = function(){
                console.log(‘大家好,我是‘+this.name);
            };
 var f = new Person(‘tim‘);
 var f2 = new Person(‘jack‘);
 f.sayhello(); //大家好,我是tim 
 f2.sayhello(); //大家好,我是jack

     引申一个知识点,构造函数创建出来的对象,都有一个__proto__属性,用来访问对象的原型对象。__proto__与prototype有什么区别呢?看下面代码

function Foo(){}
var f = new Foo();
console.log(Foo.prototype===f.__proto__)   //true

    也就是构造方法.prototype===构造方法创建出来的对象.__proto__

以上是关于简单认识prototype和__proto__,个人小结的主要内容,如果未能解决你的问题,请参考以下文章

对于JavaScript对象的prototype和__proto__的理解

prototype/constructor/__proto__之prototype简单应用

谈谈令人头大的prototype 和__proto__

关于prototype和__proto__,最好的一些解释

Javascript深入__proto__和prototype的区别和联系

原型链继承中的prototype__proto__和constructor的关系