HTML
<div>
<h3>js 面向对象:</h3>
<div>
<ul>
<li>属性值:<span id="pro"></span></li>
<li> 方法返回值:<span id="ret"></span></li>
<li> 圆的面积是:<span id="circle"></span></li>
<li>数字差是:<span id="cha"></span></li>
</ul>
</div>
</div>
JS
@Scripts.Render("~/Scripts/jquery-1.8.2.min.js")
<script type="text/javascript">
$(function () {
//1 快速定义一个对象
$("#pro").text(Test.P);
$("#ret").text(Test.Chengfa(5));
//2 构造函数的对象
var s = new Circle(5);//s不会有par的,par是Circle的私有变量
$("#circle").text(s.area());
//3 带参数的方法
var n = new Shuzi();
n.bignum = 21; //通过对象名声明的字段 只能在对象内部被访问。这个bignum只属于n不会影响shuzi对象里的bignum的值, Shuzi里的bignum在这里是无法访问的
n.s = 2; //this定义的字段可以在外部访问也可以在内部通过this赋值
alert("当前对象的bignum:"+n.bignum);
alert("shuzi对象的bignum:" + Shuzi.bignum);
alert("Shuzi的s:" + n.s);
var m = n.Jsuan(20);
$("#cha").text(m);
});
//1 快速定义一个对象
var Test = {
"P": 60,
"Chengfa": function (t) {
return t * this.P;
}
};
//2 定义一个包含构造函数的对象
function Circle(r){
this.r = r;
}
Circle.par = 3.14159; //对象属性 //通过对象名声明的字段 只能在对象内部被访问。
Circle.prototype.area = function () {//对象方法(计算面积)
return this.r * this.r * Circle.par;
}
//3 定义一个包含构造函数的对象
function Shuzi() {
this.s = 1; //this定义的字段可以在外部访问也可以在内部通过this赋值
}
Shuzi.bignum = 100;
Shuzi.ji = 2;
Shuzi.prototype.Jsuan = function (minnum) { //带参数的对象方法
return (Shuzi.bignum - minnum) * Shuzi.ji-this.s;
}
</script>