• 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>
    
  • 相关阅读:
    变量属性
    String类
    Random类
    Scanner类
    文本与文本域对齐
    Java list集合排序
    float属性影响后续元素排版问题
    查询满足条件的最新数据(逐步优化,mysql、达梦数据库)
    关于select下拉框选择触发事件
    JQuery获取父,子,兄弟节点
  • 原文地址:https://www.cnblogs.com/shaner/p/7887043.html
Copyright © 2020-2023  润新知