VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > JavaScript教程 >
  • js原型和原型链

一、原型prototype和__proto__

       先记两句话:

       ➀ 每个对象都有一个__proto__属性,并且指向他的prototype原型对象

       ➁ 每个构造函数都有一个prototype原型对象,prototype原型对象的constructor等于构造函数本身。        

复制代码
var Person = function(name,age) {
   this.name = name;
   this.age = age;
}
Person.prototype.run = function() {
    console.log('running');
}
var me = new Person('小明',10);
// ➀ 每个对象都有一个__proto__属性,并且指向他的prototype原型对象。
console.log(me.__proto__===Person.prototype); // true
// ➁ 每个构造函数都有一个prototype原型对象,prototype原型对象的constructor等于构造函数本身
console.log(Person.prototype.constructor==Person); // true
复制代码

        一张图示说明实例、原型对象、构造函数三者之间的关系。

        

       这里有人会问__proto__和prototype是干吗用的?

       

       prototype相当于所有实例对象可以访问的一个公共容器,实例对象的__proto__指向构造函数的prototype,从而实现继承

      上图中me这个实例对象拥有了run方法。

二、原型链

       当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向下搜索,直到找到一个名字匹配的属性或到达原型链的末尾。

     

       在查找me.toString()方法时依次向上查找,终于通过me.__proto__.__proto__.toString找到了该方法。

       原型链查找顺序:me---> me.__proto__ ---> me.__proto__.__proto__ ---> null

       这就是所谓原型链,层层向下找,没有就返回undefined。

       

      出处:https://www.cnblogs.com/tsl0324/p/14507082.html


相关教程