区别 构造器,函数,对象实例
在js 中,构造器就是函数,函数就是构造器,对象实例就是通过 new 关键字,生成的一个实例。
function a(id) {
this.id = id;
}
a.prototype.name = '原型';
var obj = new a(2);
分析:
-
a 是构造器,也是函数,obj 是实例
-
对象是通过函数创建的,而函数又是一种对象
prototype、__ proto __ 、constructor
- 原型 prototype
每个函数都有一个默认的prototype属性,这个prototype属性指向一个对象,这个原型对象里的方法或属性是共享的,任何一个prototype对象都有一个constructor属性,保存了引用他自己的构造函数的引用
- constructor
每个实例都有一个constructor属性,它默认指向创建当前对象的构造函数, 但如果你的原型prototype被改了, 实例的constructor就变了
- __ proto __
每个实例都有一个__ proto __ 属性,指向构造器的原型 prototype
alert(a.constructor);
// function Function() {[native code]},相当于无意义
alert(obj.constructor);
// function a(id) {this.id = id; }
alert(a.prototype);
// [object Object]
alert(obj.prototype);
// undefined
alert(a.__proto__);
// function () { } 相当于无意义
alert(obj.__proto__);
// [object Object]
分析
函数有 prototype属性
prototype对象有 __ proto __ 和 constructor属性
实例对象有 __ proto __ 属性,指向构造函数的 prototype对象
- 借用别人的画图更加好理解:
var Person = function(){};
Person.prototype.type = 'Person';
Person.prototype.maxAge = 100;
var p = new Person();
console.log(p.maxAge);
p.name = 'rainy';
原型链
原型链是依赖于__proto__,而不是prototype
function fn(){};
var test = new fn();
对象的__ proto __ 属性会指向函数的原型对象,而函数的原型对象也有一个__ proto 指向它父类的原型对象,因此就有:
test. proto __ — 》 fn.prototype.__ proto __ — 》 Object.prototype.__ proto __
把这个__ proto __ 串起来的直到Object.prototype.__proto__为null的链叫做原型链。原型链实际上就是js中数据继承的继承链。
js中一切皆为对象,而__ proto __是(几乎)所有对象的内置属性,而且指向父类的原型。
总结
:test 对象有一个 __ proto __ 属性指向它父类的原型,而它的父类的原型也指向一个对象,这个对象也有一个__ proto __属性,指向它的父类的原型,以此向上溯源,这条链就是原型链。