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 

相关文章： 网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  建站之星CMS五站合一模板配置与SEO优化指南  广东企业建站网站优化与SEO营销核心策略指南  如何快速重置建站主机并恢复默认配置？  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode（.NET组件介绍之四）  宝塔新建站点报错如何解决？  北京网站制作公司哪家好一点,北京租房网站有哪些？  香港服务器如何优化才能显著提升网站加载速度？  Swift中循环语句中的转移语句 break 和 continue  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  建站之星如何取消后台验证码生成？  如何自定义建站之星网站的导航菜单样式？  建站之星后台管理系统如何操作？  公司网站制作价格怎么算,公司办个官网需要多少钱？  香港网站服务器数量如何影响SEO优化效果？  建站主机如何选？高性价比方案全解析  东莞专业网站制作公司有哪些,东莞招聘网站哪个好？  C++中的Pimpl idiom是什么，有什么好处？（隐藏实现）  专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  如何配置WinSCP新建站点的密钥验证步骤？  如何选择CMS系统实现快速建站与SEO优化？  如何通过虚拟主机快速搭建个人网站？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何快速生成橙子建站落地页链接？  临沂网站制作公司有哪些,临沂第四中学官网？  建站主机选虚拟主机还是云服务器更好？  建站主机服务器选型指南与性能优化方案解析  建站之星后台密码遗忘？如何快速找回？  专业网站建设制作报价,网页设计制作要考什么证？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  淘宝制作网站有哪些,淘宝网官网主页？  如何通过.red域名打造高辨识度品牌网站？  如何做网站制作流程,*游戏网站怎么搭建？  Avalonia如何实现跨窗口通信 Avalonia窗口间数据传递  建站VPS推荐：2025年高性能服务器配置指南  微信推文制作网站有哪些,怎么做微信推文，急？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  焦点电影公司作品,电影焦点结局是什么？  定制建站方案优化指南：企业官网开发与建站费用解析  婚礼视频制作网站,学习*后期制作的网站有哪些？  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  ,交易猫的商品怎么发布到网站上去？  Swift开发中switch语句值绑定模式