JQ也要面向对象~在JQ中扩展静态方法和实例方法

2022-08-13 08:50:33

JQ也要面向对象，事实上，无论哪种开发语言，在开发功能时，都要把面向对象拿出来，用它的思想去干事，去理解事，面向对象会使问题简单化，清晰化，今天说两个概念“静态方法”与“实现方法”，这个在面向对象的语言中才有的东西，现在要把它搬到JQ中来了，呵呵。

静态方法：某种类型才有的方法，这个方法干的事情只有类型本身有关，不受具体实例对象的影响，在C#语言中，它用static表示，VB中用share表示，而在jq中我们一般用$或者JQuery表示JQ类型，而静态方法扩展一般用$.extend。

实例方法：当类型被表示为具体事物时，它被称为对象，或者实例对象，它所拥有的行为（方法）我们称为实例方法（一般书上不这样叫，一般都叫方法，但我比较喜欢实例方法这个代言，呵呵），在C#中我们从类型变为对象，可以使用new关键字来建立它，在JQ中，我们使用$("名称")来表示一个JQ对象，而实例方法扩展我们一般用$.fn.extend来实现。

下面是静态方法扩展的例子

     //$.extend,JQ扩展，添加JQ的静态方法，与具体JQ对象无关
        //对象合并
        var person = { name: "zzl" };
        $.extend(person, { sex: "male" });
        alert(person.name + person.sex);

        //合并到JQ合局变量中
        $.extend({
            hello: function () { alert('hello'); }
        });
        $.hello();

        $.extend({ net: {} }); //jq下的net命名空间

        $.extend($.net, {
            nethello: function () { alert('hello'); }
        })
        $.net.nethello();

        var result = $.extend(true, {}, {//true表示深度拷贝，表示子对象location也会被合并
            name: "zzl", info: { address: "beijing", work: "developer" }
        }, {
            last: "zhanling", info: { work: "software developer", county: "China" }
        });

下在是实例扩展方法的例子、

        //$.fn.extend，添加JQ实例对象的方法扩展，$("#A1")它代表一个JQ对象
        $.fn.extend({ GetHtml: function () { alert($(this).html()); } });
        $("#a1").GetHtml();

OK，今天主要说的就是JQ面向对象里的“静态方法”与“实例方法”，感觉把知识与“面向对象”联系起来后，学起来简单了一少，呵呵。

本文转自博客园张占岭（仓储大叔）的博客，原文链接：JQ也要面向对象~在JQ中扩展静态方法和实例方法，如需转载请自行联系原博主。

码农公寓

相关文章