JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】

笔记、视频、源码：JavaScript(基础、高级)笔记汇总表【尚硅谷JavaScript全套教程完整版】

目   录

P15 15.尚硅谷_JS高级_函数的prototype 15:04

1. 函数的prototype属性(图)

2. 给原型对象添加属性(一般都是方法)

P16 16.尚硅谷_JS高级_显式原型与隐式原型 28:34

P17 17.尚硅谷_JS高级_原型链 44:34

P18 18.尚硅谷_JS高级_原型链_补充 10:29

---

P15 15.尚硅谷_JS高级_函数的prototype 15:04

1. 函数的prototype属性(图)

1. 函数的prototype属性(图)

• 每个函数都有一个prototype属性，它默认指向一个Object空对象(即称为: 原型对象)
• 原型对象中有一个属性constructor，它指向函数对象

  

构造函数 与 原型对象，相互引用。

2. 给原型对象添加属性(一般都是方法)

2. 给原型对象添加属性(一般都是方法)

• 作用：函数的所有实例对象自动拥有原型中的属性(方法)

P16 16.尚硅谷_JS高级_显式原型与隐式原型 28:34

1. 每个函数function都有一个prototype，即显式原型。
2. 每个实例对象都有一个__proto__，可称为隐式原型。
3. 对象的隐式原型的值为其对应构造函数的显式原型的值。
4. 内存结构(图)
5. 总结:
   1. 函数的prototype属性：在定义函数时自动添加的，默认值是一个空Object对象。
   2. 对象的__proto__属性：创建对象时自动添加的，默认值为构造函数的prototype属性值。
   3. 程序员能直接操作显式原型，但不能直接操作隐式原型(ES6之前)。

P17 17.尚硅谷_JS高级_原型链 44:34

• 1. 原型链(图解)
  • 访问一个对象的属性时，
    • 先在自身属性中查找，找到返回
    • 如果没有, 再沿着__proto__这条链向上查找，找到返回
    • 如果最终没找到，返回undefined
  • 别名: 隐式原型链
  • 作用: 查找对象的属性(方法)
• 2. 构造函数/原型/实体对象的关系(图解)
• 3. 构造函数/原型/实体对象的关系2(图解)

函数都有prototype属性，只是说普通函数的prototype属性的没有意义，当做构造函数使用的函数的prototype属性才有意义。

所有的函数对象都是Function函数的实例对象，因此这些函数的隐性原型属性都是一样的。然后这些函数都有各自自己的显性原型属性，和由通过他们自己创建的实例对象的隐性原型属性地址值相等。

P18 18.尚硅谷_JS高级_原型链_补充 10:29

所有函数的隐式原型等于构造函数的显示原型。是所有(构造)函数实例对象的隐式原型等于(构造)函数的显示原型。

1、所有函数的显示原型指向的对象是空Object的实例对象。2、所有函数都是Function的实例。