JavaScript关于原型链的总结
JavaScript关于原型链的总结
一、原型属性
- 函数的prototype属性
- 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象)
- 原型对象中有一个属性constructor, 它指向函数对象
- 给原型对象添加属性(一般都是方法)
- 作用: 函数的所有实例对象自动拥有原型中的属性(方法)
当在创建每一个函数时,解析器会向函数添加一个属性prototype
(这就是所谓的原型对象)
- 显示原型与隐式原型
函数=>构造函数
对象=>实例对象
1)每个函数function都有一个prototype
,即显式原型
Fn.prototype
2)每个实例对象都有一个__proto__
,可称为隐式原型
let fn =new Fn()
fn.__proto__
3)对象的隐式原型的值对应构造函数的显式原型的值
fn.__proto__ = Fn.prototype
fn.__proto__ === Fn.prototype
4)在定义函数的时候,会自动添加一个prototype
属性,默认值是一个空Object对象
function Fn() {
}
this.prototype = {
}
5)当创建实例对象的时候,会自动添加__proto__
属性,默认值是=>prototype属性值
function Fn() {
}
// 创建一个实例对象
var fn = new Fn()
fn.__proto__ = Fn.prototype // 默认值是=> prototype的值
6)程序员能直接操作显式原型, 但不能直接操作隐式原型(ES6之前)
// 定义构造函数
function Fn() {
// 内部语句:this.prototype = {}
}
var fn = new Fn() // 内部语句:fn.__proto__ = Fn.prototype
// 给prototype添加test方法
Fn.prototype.test =