js中构造函数的执行顺序

浏览数：23 / 时间：2015年06月09日

1）在看《web前端修炼之道》中对其中一段代码，一直运行不通

 1 function extend(subClass,superClass){
 2     var F=function(){};
 3     F.prototype=superClass.prototype;
 4     subClass.prototype=new F();
 5     subClass.prototype.constructor=subClass;
 6     subClass.superClass=superClass.prototype;
 7     if(superClass.prototype.constructor==Object.prototype.constructor){
 8         superClass.prototype.constructor=superClass;
 9     }
10 }
11 
12 function Animal(name){
13     this.name=name;
14     this.type=‘animal‘;
15 }
16 
17 Animal.prototype={
18     say:function(){
19         alert("I‘m a(an)"+this.type+",my name is "+this.name);
20     }
21 }
22 
23 extend(Bird,Animal);
24 
25 function Bird(name){
26     this.constructor.superClass.constructor.apply(this,arguments);
27     this.type=‘bird‘;
28 }
29 
30 Bird.prototype.fly=function(){
31     alert(‘I am flying‘);
32 }
33 
34 var canary=new Bird(‘xiaocui‘);
35 canary.say();
36 canary.fly();

在第26行始终报错，于是开始注意到构造函数的执行顺序问题。

2）下面的例子可以看出构造函数，是优先执行的。

 1 C = function(){
 2 alert("1");
 3 this.a();
 4 alert("2");
 5 }
 6  
 7 C.prototype.a=function(){
 8 alert("3");
 9 //alert(name);
10 alert("4");
11 }