1 /*1.
 2     *方法原型：
 3     *function functonName([parameters]{functionBody});
 4     */
 5     function add(a,b){
 6         return a+b;
 7     }
 8     //调用
 9     alert(add(1,2));
10 
11     /*
12     *2.
13     *方法原型：
14     *functonName:function([parameters]{functionBody});
15     */
16     add:function(a,b){
17         return a+b;
18     }
19     
20     alert(add(1,2));
21     
22     /*
23     *3
24     *通过指派一个变量名给匿名函数的方式定义
25     */
26     var add=function(a,b){
27         return a+b;
28     }
29     alert(add(1,2));
30 
31     /*
32     *4
33     *不用匿名函数也可以
34     */
35     var add=function theAdd(a,b){
36         return a+b;
37     }
38 
39     alert(add(1,2));
40     alert(theAdd(1,2));
41 
42 
43     /*
44     *5
45     *用new关键字(不推荐)
46     */
47     var add=new Function("a","b","return a+b")
48 
49     alert(add(1,2));

 

1 /*
  2 *一.工厂方式：
  3 */
  4 
  5 //v1:
  6 
  7 var oCar = new Object；
  8 oCar.color="red";
  9 oCar.doors=4;
 10 oCar.mpg=23;
 11 oCar.showColor=function(){
 12     alert(this.color);
 13 }
 14 
 15 //v2:
 16 function createCar(){
 17     var oTempCar= new Object;
 18     oTempCar.color="red";
 19     oTempCar.doors=4;
 20     oTempCar.mpg=23;
 21     oTempCar.showColor=function(){
 22         alert(this.color);
 23     };
 24 
 25     return oTempCar;
 26 }
 27 
 28 var oCar1=createCar();
 29 var oCar2=createCar();
 30 
 31 //v3:
 32 function createCar(sColor,iDoors,iMpg){
 33     var oTempCar = new Object;
 34     oTempCar.color=scolor;
 35     oTempCar.doors=iDoors;
 36     oTempCar.mpg=iMpg;
 37     oTempCar.showColor=function(){
 38         alert(this.color);
 39     };
 40     return oTempCar;
 41 }
 42 
 43 //每个对象都有自己的showColor()版本，而每个对象都共享同一个函数
 44 var oCar1=createCar("red",4,23);
 45 var oCar2=createCar("blue",3,25); 
 46 oCar1.showColor();
 47 oCar2.showColor();
 48 
 49 
 50 //v4:
 51 
 52 function showColor(){
 53     alert(this.color);
 54 }
 55 
 56 function createCar(sColor,iDoors,iMpg){
 57     var oTempCar = new Object;
 58     oTempCar.color=sColor;
 59     oTempCar.doors=iDoors;
 60     oTempCar.mpg=iMpg;
 61     oTempCar.showColor=showColor;
 62     return oTempCar;
 63 }
 64 
 65 var oCar1=createCar("red",4,23);
 66 var oCar2=createCar("blue",3,25); 
 67 oCar1.showColor();
 68 oCar2.showColor();
 69 
 70 
 71 /*
 72 *二.构造函数方式:
 73 */
 74 function Car(sColor,iDoors,iMpg){
 75     this.color=sColor;
 76     this.doors=iDoors;
 77     this.mpg=iMpg;
 78     this.showColor=function(){
 79         alert(this.color);
 80     };
 81 }
 82 
 83 var oCar1=new Car("red",4,23);
 84 var oCar2=new Car("blue",3,25);
 85 
 86 //构造函数内部没有创建对象，而是使用this关键字
 87 //使用new关键符调用构造函数
 88 //缺点：构造函数会重复生成函数，为每个对象都创建独立的函数版本
 89 
 90 
 91 /*
 92 *三.原型方式:
 93 */
 94 function Car(){
 95 }
 96 
 97 Car.prototype.color="red";
 98 Car.prototype.doors=4;
 99 Car.prototype.mpg=23;
100 Car.prototype.showColor=function(){
101     alert(this.color);
102 };
103 
104 var oCar1=new Car();
105 var oCar2=new Car();
106 
107 //缺点：构造函数无参数
108 
109 
110 /*
111 *四.混合的构造函数/原型方式(推荐使用):
112 */
113 function Car(sColor,iDoors,iMpg){
114     this.color=sColor;
115     this.doors=iDoors;
116     this.mpg=iMpg;
117     this.drivers=new Array("Mike","Sue");
118 }
119 
120 Car.prototype.showColor=function(){
121     alert(this.color);
122 };
123 
124 var oCar1=new Car("red",4,23);
125 var oCar2=new Car("blue",3,25);
126 
127 /*
128 *五动态原型方法:
129 */
130 function Car(sColor,iDoors,iMpg){
131     this.color=sColor;
132     this.doors=iDoors;
133     this.mpg=iMpg;
134     this.drivers=new Array("Mike","Sue");
135 }
136 
137 if(typeof Car._initialized == "underfined"){
138     Car.prototype.showColor=function(){
139         alert(this.color);
140     };
141     Car._initialized=true;
142 }
143

一个使用混合使用构造函数/原型方式的例子