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>