原型与原型链的理解:
原型是function对象的一个属性,它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象。
对象如何查看对象的构造函数–>constructor
对象如何查看原型–>隐式属性__proto__
在JavaScript中,我们创建一个函数A,那么浏览器就会在内存中创建一个对象B,而且每个函数都默认会有一个属性 prototype 指向了这个对象(即:prototype的属性的值是这个对象 )。这个对象B就称作是函数A的原型对象,简称函数的原型。这个原型对象B 默认会有一个属性constructor指向了这个函数A ( 意思就是说:constructor属性的值是函数A )。
<script type="text/javascript">
function Car(color,width){
this.color=color,
this.width=width
}
Car.prototype={
tire:4
}
var car1=new Car("white",5.9);
console.log(car1);//car{color: "white";width: 5.9}
console.log(car1.tire);//4
Car.prototype={
tire:6
}
Car.prototype={
tire:8
}
var car2=new Car("blue",6.2);
console.log(car2);//car{color: "blue";width: 6.2}
console.log(car2.tire);//8
</script>
#原型链
1、每一个对象都从原型继承属性,直到null结束。
2、所有的内置构造函数都有一个继承自Object.prototype的原型。
var arr1 = new Array(1,2,3);
//arr1.__proto__-->Array.prototype的原型__proto__-->Object.prototype的原型__proto__
//-->null; 形成链,到null结束,完美;
var date1 = new Date();
//date1.__proto__-->Date.prototype的原型__proto__-->Object.prototype的原型__proto__
//-->null; 形成链,到null结束,完美;
构造原型链:
<script type="text/javascript">
function Car(width){
this.width=width;
}
Littlecar.prototype=new Car();
function Littlecar(tire){
this.tire=tire;
}
Porsche.prototype=new Littlecar();
function Porsche(price){
this.price=price;
}
Panamera.prototype=new Porsche();
function Panamera(color){
this.color=color;
}
var panamera=new Panamera();
// console.log(panamera)
console.log(panamera.__proto__);
// console.log(panamera.__proto__===Panamera.prototype);//true
console.log(panamera.constructor)
// var porsche=new Porsche();
// console.log(porsche.__proto__)
</script>
原型链总结:
一、构造函数、原型和实例的关系
a,构造函数都有一个属性prototype,这个属性是一个对象,是Object的实例;
b,原型对象prototype里有一个constructor属性,该属性指向原型对象所属的构造函数;
c,实例对象都有一个__proto__属性,该属性指向构造函数的原型对象;
obj.__proto===Object.prototype
二、prototype与_proto_的关系
a,prototype是构造函数的属性;
b,__proto__是实例对象的属性;
c,两者都指向同一个对象;
原型链作为继承的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。
每个构造函数都有一个原型对象prototype,原型对象都包含一个指向构造函数的指针constructor,而实例都包含一个指向原型对象的内部指针 [[prototype]]。
如果让原型对象等于另一个类型的实例,那么原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。