JavaScript对象链式操作测试

自从使用了jQuery以后,对它的链式操作很是依赖,以至于常常觉得其他库不好用。。
虽然现在慢慢减少了对jQuery的使用(项目上还是用,效率高点。平时基本不用了),希望从而减少对jQuery的依赖度。
但是这链式操作的方式实在吸引人(貌似现在不少新库都采用了链式操作)。
新手无畏嘛,所以写了以下代码。主要是避免以后又忘了,呵呵。

 

window.k = function() {
        return new k.fn.init(arguments);
    }
    k.fn = k.prototype = {
        init:function() {
            this.length = 0;
            //var args = Array.prototype.slice.call(arguments,0);
            Array.prototype.push.apply(this,arguments[0]);
            return this;
        },
        show:function() {
            console.log(Array.prototype.slice.call(this,0).join("$"));
            return this;
        },
        hide:function() {
            console.log(this);
            return this;
        }
    }
    k.fn.init.prototype = k.fn;
    console.log(k("0",1,2,3,4,5).show().hide());

 

这只是进行了链式操作。但是在firbug下可以看到jQuery对象返回的是数组/类数组。要实现这个却不知道怎么办好。。

总不能让k.fn.prototype = new Array()吧。真要看jQuery源代码还真是有点累。。

posted on 2010-04-21 20:09  Akecn  阅读(560)  评论(3编辑  收藏  举报