js面向对象编程总结

//定义circle类，拥有成员变量r，常量pi和计算面积的成员函数area()

1.工厂方式

var circle = function() {
 var obj = new object();
 obj.pi = 3.14159;
 obj.area = function( r ) {
  return this.pi * r * r;
 }
 return obj;
}
var c = new circle();
alert( c.area( 1.0 ) );

2.比较正规的写法

function circle(r) {
  this.r = r;
}
circle.pi = 3.14159;
circle.prototype.area = function() {
 return circle.pi * this.r * this.r;
}
var c = new circle(1.0); 
alert(c.area());

3.json写法

var circle={
 "pi":3.14159,
 "area":function(r){
   return this.pi * r * r;
  }
};
alert( circle.area(1.0) );

4.有点变化，但是实质和第一种一样

var circle=function(r){
  this.r=r;
}
circle.pi = 3.14159; 
circle.prototype={
 area:function(){
  return this.r*this.r*circle.pi;
 }
}
var obj=new circle(1.0);
alert(obj.area())

circle.pi = 3.14159; 能够放入属性中写成this.pi=3.14159;

常用为第一种和第三种

第三种写法的扩展小实例

var show={
  btn:$('.div1'),
  init:function(){
   var that=this;
   alert(this);
   this.btn.click(function(){
     that.change();
     alert(this);
    })
  },
  change:function(){
   this.btn.css({'background':'green'});
  }
 }
 show.init();

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！