大家帮我分析一下,关于面向对象的实例和方法调用

请问用哪种方式调用比较合理啊..
本人对面向对象方面不是很理解.
是用注释的还是用现在的.?
经常再项目上页面有几个功能类似的..
都不知道怎么来写.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<style type="text/css" id="style">
*{margin:0;padding:0;}
body{color:#333;font:12px/1.5 arial;}
li{list-style:none;}
</style>
</head>
<body>
<div class="wrap" id="wrap">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
<div id="d"></div>
</div>
<script type="text/javascript" id="js">
function $(id){ return typeof id == "string"?document.getElementById(id):id }

function aa(){}
aa.prototype.getWidth = function(obj,w){
obj.style.width = w+"px"
}

/*var aa = new aa();
aa.getWidth($("a"),200);
aa.getWidth($("b"),200);
aa.getWidth($("c"),200);
aa.getWidth($("d"),200);
*/
var aa1 = new aa();
aa1.getWidth($("a"),200);

var bb1 = new aa();
bb1.getWidth($("b"),200);

var cc1 = new aa();
cc1.getWidth($("c"),200);

var dd1 = new aa();
dd1.getWidth($("d"),200); </script>

</body>
</html>