zoukankan      html  css  js  c++  java
  • JS面向对象的几种写法2

    //定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area() 

    1.工厂方式

    复制代码
    var Circle = function() {
       var obj = new Object();
       obj.PI = 3.14159;
       
       obj.area = function( r ) {
           return this.PI * r * r;
       }
       return obj;
    }
    
    var c = new Circle();
    alert( c.area( 1.0 ) );
    复制代码

    2.比较正规的写法

    复制代码
    function Circle(r) {
          this.r = r;
    }
    Circle.PI = 3.14159;
    Circle.prototype.area = function() {
      return Circle.PI * this.r * this.r;
    }
    
    var c = new Circle(1.0);   
    alert(c.area()); 
    复制代码

    3.json写法

    复制代码
    var Circle={
       "PI":3.14159,
     "area":function(r){
              return this.PI * r * r;
            }
    };
    alert( Circle.area(1.0) );
    复制代码

    4.有点变化,但是实质和第一种一样

    复制代码
    var Circle=function(r){
            this.r=r;
    }
    Circle.PI = 3.14159; 
    Circle.prototype={
        area:function(){
            return this.r*this.r*Circle.PI;
        }
    }
    var obj=new Circle(1.0);
    alert(obj.area())
    复制代码

    Circle.PI = 3.14159; 能够放入属性中写成this.PI=3.14159;

    常用为第一种和第三种

    第三种写法的扩展小实例

    复制代码
    var show={
            btn:$('.div1'),
            init:function(){
                var that=this;
                alert(this);
                this.btn.click(function(){
                        that.change();
                        alert(this);
                    })
                
            },
            change:function(){
                this.btn.css({'background':'green'});
    
            }
        }
        show.init();
  • 相关阅读:
    mysql常用技能分享
    php生成器使用总结
    MySQL索引使用方法和性能优化
    servlet相关
    UML图
    How Tomcat Works
    字符串编码
    高效工作
    php 设计模式总结
    python之装饰器
  • 原文地址:https://www.cnblogs.com/web-yj/p/5864895.html
Copyright © 2011-2022 走看看