zoukankan      html  css  js  c++  java
  • 基于jQuery,实现JS面向对象编程

    //接口1
    var IClassName = {
            IgetName:
    function(){
                 getName.apply(
    this);
            },
            IsetName:
    function(){
                setName.apply(
    this,arguments);
            }
    }
    //接口2
    var IAlertName = {
            IAlert:
    function(){
                printName.apply(
    this);
            }
    }
    //父类
    var superClass = function(){
            name 
    = "superClass";
    }

    //子类
    var subClass = function(){
            
    //实现接口1方法
            getName = function(){
                
    return name;
            }
            setName 
    = function(_name){
                name 
    = _name;
            }
            
    //实现接口2方法
            printName = function(){
                alert(name);
            }
    }

    //让子类继承父类
    subClass.prototype = new superClass();
    //实现接口
     jQuery.extend(subClass.prototype,IClassName,IAlertName);

    //子子类
    var childClass = function(){
            
    this.show = function(){
                alert(name
    +" show");
            }
    }

    //使用该类
    var s = new subClass();
    //s.IsetName("ddd"); 
    //
    s.IAlert();

    //让子子类继承子类
    childClass.prototype = new subClass();

    var c = new childClass();
    c.IAlert();
    c.IsetName(
    "yyyy");
    c.show();

    使用jQuery简化继承接口一块。

    jQuery.extend(target,obj1,[objN])   return Object
    用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

  • 相关阅读:
    [书目20071127]图书 时间陷阱 目录
    [文摘20071113]十四项心理定律
    Win2003下:JDK1.5 + Eclipse3.2 + Tomcat6.0 + tomcatPluginV32
    [转]初试eclipse mysql
    [转]测试工具
    [转]如何进行软件需求分析
    OA流程设计尝试:Div步骤拖动
    [转]需求分析的20条法则
    Eclipse 3.2 + Tomcat 5.5 + Lomboz 3.2 简单配置
    [转]软件项目管理中的风险管理研究
  • 原文地址:https://www.cnblogs.com/luluping/p/1657038.html
Copyright © 2011-2022 走看看