JavaScript再学习笔记之函数高级(1)
2020-12-05 本文已影响0人
咧咧0622
原型与原型链
原型(prototype)
函数的prototype属性
- 每个函数都有一个prototype属性,它默认指向一个Object空对象(即原型对象)
console.log(Date. prototype, typeof Date. prototype )
function fun () {
}
console.log (fun.prototype) //默认指向一个空Object对象
- 原型对象中有一个属性constructor,它指向函数对象
console.log(Date.prototype.constructor===Date )
console.log(fun.prototype.constructor===fun)
给原型对象添加属性
- 函数的所有实例对象自动拥有原型中的属性
fun.prototype.test = function () {
console.log('test()')
}
显式原型与隐式原型
显式原型
每个函数 function 都有一个 prototype 属性,即显式原型
隐式原型
每个实例对象都有一个 _ _ proto _ _ 属性,即隐式原型
关系区别
- 对象的隐式原型的值为其对应构造函数的显式原型的值
- 显式原型 prototype 在定义函数时自动添加,默认值是一个空 Object 对象
- 隐式原型 _ _ proto _ _ 在创建实例对象时自动添加,默认值为构造函数的 prototype 属性值
原型链(隐式原型链)
作用:
查找对象的属性(方法)
当我们在访问一个对象的属性时属性的查找顺序:
- 先在自身属性中查找,找到返回
- 自身属性没有,沿着 _ _ proto _ _(隐式原型链) 向上查找,找到返回
- 原型链到了尽头依然没找到,返回 undefined
参考资料,B站尚硅谷JavaScript高级教程。