构造函数和原型


      function Student(name, age) {
        this.name = name
        this.age = age
      }
      Student.prototype = {
        constructor: Student,
        study: function() {
          console.log('在学习')
        }
      }
      var zs = new Student('张三', 18)

我们先来看一张图

 

 在这张图里Student构造函数的prototype指向Student原型对象,Student原型对象又指向Student构造函数,zs对象.__proto__指向的是Student原型对象。这就是构造函数、实例和原型对象三角关系。

那么只要是个对象,就有__proto__这个属性,那么Student原型对象又指向谁呢?

可以打印一下console.log(Student.prototype.__proto__)

 

可以看到指向的是Object原型对象,这个原型对象是由Object创建而来的。

那么Object原型对象的__proto__又指向谁呢?

console.log(Object.prototype.__proto__) // null

输出的是null,所以指向的是null,这就构成了原型链。

所以在访问对象成员的时候顺序应该是先访问zs对象是否存在这个成员,如果没有,就到Student原型上查看是否有这个成员,如果没有,就到Object原型上查看是否有这个成员,如果再没有,就返回null

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM