原型
1.prototype
在JavaScript中每一个函数都有一个prototype属性,这个属性指向函数的原型对象
,例如
function A() {}
A.prototype.age = "18";
var a = new A();
console.log(a.age)//18
上述例子中,函数的prototype指向了一个对象,而这个对象正是调用构造函数时创建的实例的原型,也就是a的原型。
原型的概念:每一个javascript对象(除null外)创建的时候,就会与之关联另一个对象,这个对象就是我们所说的原型,是一个引用数据类型,每一个对象都会从原型中“继承”属性。
2.__ proro__
每个对象(除null外)都会有的属性,叫做__proto__,这个属性会指向该对象的原型,是一个引用数据类型。
function B(){}
var b = new B();
console.log(a.__protp__ = B.prototype)
3 constructor
在每一个原型上都有一个constructor属性,指向关联的构造函数.
function C(){}
console.log(C === C.prototype.constructor)//true
原型的检测
isPrototypeOf()函数: 检测两个对象之间是否存在原型关系
console.log(A.prototype.isPrototypeOf(a)); //true
instanceOf运算符: 检测某个实例对象是否来自于某个构造函数
//查看b对象是不是B的实例
console.log(b instanceof B); //true
//查看c对象是不是C的实例
console.log(c instanceof Object); //true
原型链
构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例,结果会怎样?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立。如此层层递进,就构成了实例与原型的链条。这就是所谓的原型链的基本概念。
下面我们来看一张图:
原型链可以看做是对象的隐式原型指向所形成链条。在图中我没有标出constructor的关系。