JS 建立對象的5種寫法

//定義Circle類，擁有成員變量r，常量PI和計算面積的成員函數area()

 

 

1. //第1種寫法    
2. function Circle(r) {    
3.       this.r = r;    
4. }    
5. Circle.PI = 3.14159;    
6. Circle.prototype.area = function() {    
7.   return Circle.PI * this.r * this.r;    
8. }    
9.     
10. var c = new Circle(1.0);       
11. alert(c.area());     

 

[javascript] view plain copy

1. //第2種寫法    
2. var Circle = function() {    
3.    var obj = new Object();    
4.    obj.PI = 3.14159;    
5.        
6.    obj.area = function( r ) {    
7.        return this.PI * r * r;    
8.    }    
9.    return obj;    
10. }    
11.     
12. var c = new Circle();    
13. alert( c.area( 1.0 ) );    

 

[javascript] view plain copy

 

1. //第3種寫法    
2. var Circle = new Object();    
3. Circle.PI = 3.14159;    
4. Circle.Area = function( r ) {    
5.        return this.PI * r * r;    
6. }    
7.     
8. alert( Circle.Area( 1.0 ) );    

 

[javascript] view plain copy

 

1. //第4種寫法    
2. var Circle={    
3.    "PI":3.14159,    
4.  "area":function(r){    
5.           return this.PI * r * r;    
6.         }    
7. };    
8. alert( Circle.area(1.0) );    

 

[javascript] view plain copy

1. //第5種寫法    
2. var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}");    
3.     
4. alert( (new Circle()).area(1.0) );