jquery.class.js的使用

最近在研究vtiger的JS的使用
它的JS在我看来是一个非常不错的写法,用的是面向对象的思维
首先来说一下这个 jquery.class.js

这个库能够非常容易的创建js类 和 继承
在页面多的时候非常推荐使用,而且现在前端模块化非常常见
下面来说他的用法(网上完全找不到文档,全凭自己摸索)

vtiger的用法是,每一个模块下都有几个js文件,每一个JS文件就是一个对象
现在我来声明一个类, PriceBooks_RelatedList_Js

jQuery.Class("PriceBooks_RelatedList_Js",{
    gettest:function(){
        console.log(123);
    }
},{
    showtest:function(){
        console.log(123);
    },
    auto:function(){
        PriceBooks_RelatedList_Js.gettest();
    },
    registerEvents:function(){
        this.showtest();
    }

});

在加载两个文件之后,上面的类就建好了

    
    

对象的名称是PriceBooks_RelatedList_Js
大家发现里面有两个大括号,里面都能写方法
区别 1.第一个大括号里面的方法,不能用this调用,可以在标签的onclick中调用,也可以用PriceBooks_RelatedList_Js类名来调用(第一个大括号一般放通过 通过按钮 或者点击 这些由页面直接触发的方法)
2.第二个可以用对象.方法名 的方式调用 (放内部JS自身调用的方法)


    
    
    
    
                    
                    

你可能感兴趣的:(jquery.class.js的使用)