JavaScript再学习笔记之函数高级(1)

2020-12-05  本文已影响0人  咧咧0622

原型与原型链

原型(prototype)

函数的prototype属性

  1. 每个函数都有一个prototype属性,它默认指向一个Object空对象(即原型对象)
console.log(Date. prototype, typeof Date. prototype )
function fun () {
}
console.log (fun.prototype)     //默认指向一个空Object对象
  1. 原型对象中有一个属性constructor,它指向函数对象
console.log(Date.prototype.constructor===Date )
console.log(fun.prototype.constructor===fun)

给原型对象添加属性

  1. 函数的所有实例对象自动拥有原型中的属性
fun.prototype.test = function () {
    console.log('test()')
}

显式原型与隐式原型

显式原型

每个函数 function 都有一个 prototype 属性,即显式原型

隐式原型

每个实例对象都有一个 _ _ proto _ _ 属性,即隐式原型

关系区别

  1. 对象的隐式原型的值为其对应构造函数的显式原型的值
  2. 显式原型 prototype 在定义函数时自动添加,默认值是一个空 Object 对象
  3. 隐式原型 _ _ proto _ _ 在创建实例对象时自动添加,默认值为构造函数的 prototype 属性值

原型链(隐式原型链)

作用:
查找对象的属性(方法)

当我们在访问一个对象的属性时属性的查找顺序:

  1. 先在自身属性中查找,找到返回
  2. 自身属性没有,沿着 _ _ proto _ _(隐式原型链) 向上查找,找到返回
  3. 原型链到了尽头依然没找到,返回 undefined

参考资料,B站尚硅谷JavaScript高级教程。

上一篇下一篇

猜你喜欢

热点阅读