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();

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

# js  # 面向对象  # Javascript基础回顾之(三) js面向对象  # js面向对象实现canvas制作彩虹球喷枪效果  # 归纳下js面向对象的几种常见写法总结  # JavaScript面向对象编写购物车功能  # Javascript OOP之面向对象  # JS 面向对象之继承---多种组合继承详解  # javascript面向对象程序设计高级特性经典教程(值得收藏)  # Javascript之面向对象--接口  # Javascript之面向对象--封装  # Javascript之面向对象--方法  # 第一种  # 第三种  # var  # function  # return  # Object  # obj  # area  # strong  # Circle  # PI  # class  # brush  # pre  # alert  # click  # init  # change  # green 

相关文章： 实例解析Array和String方法  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  如何快速辨别茅台真假？关键步骤解析  公司门户网站制作流程,华为官网怎么做？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  建站之星安装提示数据库无法连接如何解决？  建站主机核心功能解析：服务器选择与网站搭建流程指南  如何挑选优质建站一级代理提升网站排名？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  邀请函制作网站有哪些,有没有做年会邀请函的网站啊？在线制作，模板很多的那种？  利用JavaScript实现拖拽改变元素大小  建站之星如何实现网站加密操作？  C#怎么使用委托和事件 C# delegate与event编程方法  建站之星如何通过成品分离优化网站效率？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  公司网站制作价格怎么算,公司办个官网需要多少钱？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  如何用花生壳三步快速搭建专属网站？  建站主机是什么？如何选择适合的建站主机？  建站之星如何开启自定义404页面避免用户流失？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  盘锦网站制作公司,盘锦大洼有多少5G网站？  建站主机默认首页配置指南：核心功能与访问路径优化  做企业网站制作流程,企业网站制作基本流程有哪些？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  建站之星上传入口如何快速找到？  建站之星后台管理如何实现高效配置？  香港服务器租用每月最低只需15元？  历史网站制作软件,华为如何找回被删除的网站？  深圳网站制作培训,深圳哪些招聘网站比较好？  如何解决ASP生成WAP建站中文乱码问题？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  如何高效完成自助建站业务培训？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  如何在自有机房高效搭建专业网站？  如何批量查询域名的建站时间记录？  如何在Golang中使用encoding/gob序列化对象_存储和传输数据  昆明高端网站制作公司,昆明公租房申请网上登录入口？  如何在建站之星绑定自定义域名？  如何选择建站程序？包含哪些必备功能与类型？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  高性能网站服务器配置指南：安全稳定与高效建站核心方案  公司网站的制作公司,企业网站制作基本流程有哪些？  ,sp开头的版面叫什么？  香港服务器选型指南：免备案配置与高效建站方案解析  定制建站如何定义？其核心优势是什么？  如何在阿里云虚拟主机上快速搭建个人网站？  如何通过.red域名打造高辨识度品牌网站？  建站为何优先选择香港服务器？