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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第1张图片

1. 函数的prototype属性(图)

1. 函数的prototype属性(图)

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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第2张图片  JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第3张图片

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第4张图片

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第5张图片

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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第6张图片

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

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

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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第7张图片

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

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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第8张图片

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第9张图片

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

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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第10张图片

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第11张图片

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第12张图片

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第13张图片

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第14张图片

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

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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第15张图片

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

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

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

JavaScript高级day02-AM【函数的prototype、显式原型与隐式原型、原型链】_第16张图片

你可能感兴趣的:(JavaScript,javascript,prototype,显式原型,隐式原型,原型链)