欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js面向对象编程总结

程序员文章站 2023-11-14 22:32:52
//定义circle类,拥有成员变量r,常量pi和计算面积的成员函数area() 1.工厂方式 var circle = function() { var...

//定义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();

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