js面向对象

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>