【原创】关于对象+原型+继承（三）

先看几个例子：

 1 function a(name,color){  
 2     this.name=name;  
 3     this.color=color;  
 4     this.geta=function() {    
 5       return('this is a'); 
 6     }
 7 }
 8 a.prototype.price=-100;
 9 a.prototype.rating=3;
10 a.prototype.getb=function(){
11     return ("this is another a");
12 };

15 var tt=new a("ton","red");

1 tt; //输出：a { name="ton", color="red", price=-100, 更多...} //此处tt输出的更多包括如下图片

有点绕，理清了就简单多了

 1 a;//输出a(name, color)
 2 
 3 a.prototype;//输出a { price=-100,  rating=3,  getb=function()}
 4 
 5 a.__proto__;//输出function() ，小写的f
 6 
 7 a.constructor;//输出Function(),大写的F

 8 a.constructor.prototype;//输出function()
 9 
10 a.constructor.prototype===a.__proto__;//输出true
11 
12 a.prototype.constructor===a;//输出true
13 
14 a.prototype.constructor;//输出a(name, color)

 1 tt.prototype;//输出undefined
 2 
 3 tt.__proto__;//输出a { price=-100,  rating=3,  getb=function()}
 4 
 5 tt.__proto__===a.prototype;//输出true
 6 
 7 tt.constructor;//输出a(name, color)
 8 
 9 tt.constructor.prototype;
10 //输出a { price=-100,  rating=3,  getb=function()}
11 
12 tt.prototype.constructor;//报错TypeError: tt.prototype is undefined

三者间的关系如下：

1 tt.constructor===a;//true
2 
3 tt.__proto__===a.prototype;//true
4 
5 a.prototype.constructor===a;//true
6 
7 a.prototype.constructor.prototype===a.prototype;//true

看下图

比较懒，随手画了张符，给自己看的，见谅见谅~~~~

（

a.prototype=b;//设置原型为b；

构造器函数a()的原型属性设置为指向b;

构造器函数新建了一个叫做tt的实例化对象

并理解为：原型 b 是实例化对象tt的原型

）

【还是有点乱，有无高人指点一二】

最新了解请见：《javascript面向对象编程指南》object-oriented javascript，里面第五章：原型和第六章：继承讲得比博主的涂鸦好多了