本文归纳了js面向对象的几种常见写法，分享给大家供大家参考，具体内容如下
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();
需要注意的是this的指向问题，下面是关于this的一点点介绍，希望对大家有帮助。
一开始采用动态原型方法在js中创建自定义的对象，this也用着很顺的。
这种方法中对于在对象内部对变量的创建和使用都是用this.开头的。
比如：对象contactmodel,有三个属性，crtnewfriendlistlen,crtnewfriendlist,crtfindeduserid
和四个方法requestcontactlist(),requestnewfriendlist(),requestfinduser(),requestaddcontact()
在这个变量内部如要访问自己的属性，都要带上this.
var contactmodel;...contactmodel = new contactmodel();
function contactmodel(){ // this.contactlist; this.crtnewfriendlistlen; this.crtnewfriendlist; this.crtfindeduserid = -1; if(typeof contactmodel._initialized == undefined) { contactmodel.prototype.requestcontactlist = function() { } contactmodel.prototype.requestnewfriendlist = function() { } contactmodel.prototype.requestfinduser = function(userid) { $.getjson(mainurl + user/getuserinfo,{uid:userid},function(resultobj) {　//　this.crtfindeduserid = userid contactmodel.crtfindeduserid = userid; uimanager.contectaddpage.receivefinduserresult(resultobj); }); } contactmodel.prototype.requestaddcontact = function(remark) { alert(this.crtfindeduserid); } contactmodel._initialized = true; };}
但这时问题出现了，在requestfinduser ()内，若用this.crtfindeduserid来存储服务端传来的数值，那么在之后此对象被调用了requestaddcontact()方法后，是拿不到crtfindeduserid这个值的，alert里显示的依然会是初始值-1,问题就出在$.getjson()的回调方法内，此时的this指的不是contactmodel的实例，而是此方法体，所以这里的解决办法就是在这个回调方法内拿到contectmodel的实例，然后给这个实例的属性crtfindeduserid赋值。
在对象内部对视图组件的监听回调方法里，this指向的也不是对象本身，同样还是这个被回调的方法体，这时若要访问对象本身的属性，就要拿到此对象的实例来访问，而不是用this.
下面是一段js面向对象的标准写法：
新建网页 1
希望本文所述对大家学习javascript程序设计有所帮助。