构造函数与原型链

  1. //定义一个构造函数
  2. function Demo(){
  3. this.a = 1
  4. this.b = 2
  5. }
  6. //创建一个Demo的实例对象
  7. const d = new Demo()
  8. console.log(Demo.prototype) //显示原型属性
  9. console.log(d.__proto__) //隐式原型属性
  10. console.log(Demo.prototype === d.__proto__) //true
  11. //程序员通过显示原型属性操作原型对象,追加一个x属性,值为99
  12. Demo.prototype.x = 99
  13. console.log(d.__proto__.x) // 99
  14. console.log(d.x) // 99 会通过__proto__自动找

Star.prototype === ldh.proto

image.png

vue实例与组件的原型关系

结论与目的

1.一个重要的内置关系:VueComponent.prototype.proto === Vue.prototype
2.为什么要有这个关系:让组件实例对象(vc)可以访问到 Vue原型上的属性、方法。

图解

image.png