原型链prototype
什么是原型链,顾名思义,原型链是一条函数原型对象组成的调用链条。JS中每一个函数都有一个原型对象,当实例对象中读取自己的属性或调用方法时找不到该属性和方法时,此时会通过与之关联的prototype原型对象来继续查找,JS利用这个特性模拟“继承”。
function Parent() {
this.name = '基类';
}
Parent.prototype.study = function () {
console.log('开始学习啦')
}
var child = new Parent()
child.study();
这里在构造函数中是没有定义study的,所以实例对象本身也没有study方法,但是这里依然可以调用study方法,因为这里与它关联的原型对象中定义了study方法
指向prototype的__proto__
既然prototype指向了构造函数的原型对象,那跟我们实例对象有什么关系?
function Parent() {
this.name = '基类';
}
Parent.prototype.study = function () {
console.log('开始学习啦')
}
var child = new Parent()
child.study();
console.log(child.__proto__ === Parent.prototype); // true
实例对象有个__proto__属性指向了构造函数的prototype,也就是原型对象,这个属性是javaScript中所有对象都有的(null:我不是对象啊?),但是该特性已经从 Web 标准中删除,虽然一些浏览器目前仍然支持它,但也许会在未来的某个时间停止支持,请尽量不要使用该特性,实际上
指回构造函数的constructor
实例和构造函数都能通过属性指向原型对象,那原型对象怎么识别指向它的构造函数,原型对象上有一个constructor属性,指向与之关联的构造函数
原型的原型
开头有指出实例对象在读取自己未定义的属性和方法时,如果找不到则会顺着与之关联的原型对象中去查找,如果还是找不到的话会怎么处理?顺着与原型对象关联的原型对象继续查找,直到都没有时,这样前面说的原型链就更具体了,可以把每一个原型对象都看作是链条的一个节点。那与原型对象关联的原型对象是什么呢,原型对象也是个对象,也就是说原型对象的__proto__ 指向的是Object的prototype原型对象。
Object的原型对象又会与谁的prototype关联呢?可以运行一下
console.log(Object.prototype.__proto__) // null
结果是为null,null表示没有“对象”,即原型查找已经到了尽头
鸡生蛋,蛋生鸡?
.我们都知道,JS所有的对象都是Object,那么Object.prototype指向的是什么?
console.log(Object.__proto__ === Function.prototype) // true
这说明Object也是一个函数,Object是Function的实例
console.log(Object instanceof Function) // true
console.log(Function instanceof Object) // true
第一句代码,更加证实了 Object是Function创造的,而第二段是有其它说法,具体可查看