Js原型与原型链

原型与原型链

原型

• 所有函数function都有一个特别的属性
  • prototype：显示原型属性
• 所有实例对象都有一个特别的属性
  • _proto_：隐式原型属性
• 显示原型属性与隐式原型属性的关系
  • 函数的prototype：定义函数时被自动赋值，值默认为{}，即为原型对象
  • 实例对象的_proto_：在创建实例对象时被自动添加，并赋值为构造函数的prototype值
  • 原型对象即为当前实例对象的父对象
  • 图解
    

原型链

• 所有实例对象都有__proto__属性，它指向的就是原型对象
• 这样通过__proto__属性就形成了一个链的结构
• 查找对象内部属性或方法时，JS引擎自动沿着这个原型链查找
• 当给对象属性赋值时不会使用原型链，而只是在当前对象操作
• 图解
  

原型属性

• 读取对象的属性值时，会自动到原型链中查找
• 设置对象的属性值时，不会查找原型链，如果当前对象中没有此属性，直接添加次此属性并设置其值
• 方法一般定义在原型中，属性一般通过构造函数定义在对象本身上
• 图解