javascript学习随笔(二)原型prototype

JavaScript三类方法：

1、类方法；2、对象方法；3、原型方法;注意三者异同

例：

 1 function People(name){

 2 this.name=name;

 3 //对象方法

 4 this.Introduce=function(){

 5 console.log('My Name Is '+this.name);

 6 }

 7 }

 8 

 9 //类方法

10 People.Run=function(){

11 console.log('I Can Run');

12 }

13 

14 //原型方法

15 People.prototype.IntroduceChinese=function(){

16 console.log('我的名字是'+this.name);

17 }

18 

19 //测试

20 var p=new People('Tom');

21 

22 p.Introduce();

23 People.Run();

24 p.IntroduceChinese();

 JavaScript对象类型原型引用，切记将某对象的原型赋给某对象原型，这不是继承关系，而是将克隆，且存在冲突函数或属性时，保留自己的函数和属性

例1、

 1 function  BaseClass(){

 2 this.showMsg=function(){

 3 alert('baseClass::showMsg');

 4 };

 5 }

 6 

 7 function  ExtendClass(){

 8 

 9 }

10 

11 ExtendClass.prototype=new BaseClass();

12 

13 var extend=new ExtendClass();

14 extend.showMsg();//弹出baseClass::showMsg

例2、

 1 function  BaseClass(){

 2 this.showMsg=function(){

 3 alert('bassClass::showMsg');

 4 };

 5 }

 6 

 7 function  ExtendClass(){

 8 this.showMsg=function(){

 9 alert('extendClass::showMsg');

10 };

11 }

12 

13 ExtendClass.prototype=new BassClass();

14 

15 var extend=new ExtendClass();

16 extend.showMsg();//弹出extendClass::showMsg

函数运行时会先去本体的函数中去找，如果找到则运行，找不到则去prototype中寻找函数。或者可以理解为prototype不会克隆同名函数.