JavaScript 对象链式操作测试代码
更新时间：2010年04月25日 00:54:43 作者：
自从使用了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源代码还真是有点累。。
但是这链式操作的方式实在吸引人（貌似现在不少新库都采用了链式操作）。
新手无畏嘛，所以写了以下代码。主要是避免以后又忘了，呵呵。
复制代码 代码如下:
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源代码还真是有点累。。
相关文章
围绕面向对象的几大关键字：封装 ，继承 ，多态 ，展开JavaScript面向对象2009-03-03
一实用的实现table排序的Javascript类库...2007-09-09
在Javascript里，对面向对象并没有一个直接的实现，对于代码方面也是非常的灵活。2010-04-04
使用JavaScript面向对象完全出于偶然，因为大部分时间我都是在无图形界面的环境下工作，有时候就算是介入了web客户端的工作的时候，在写js和ajax时，最多的也只是写写function，从没有考虑过要使用JavaScript面向对象这么高级的技巧。2010-02-02
JavaScript面向对象代码的写法与其它常见语言（Java C# C++）几乎完全不同。2010-02-02
JavaScript是一门OOP，而有些人说，JavaScript是基于对象的。2008-07-07
brook是一个针对大规模web开发的Javascript框架，而不是一个工具集。2011-10-10
Javascript 面向对象（二）封装代码，需要的朋友可以参考下2012-05-05
JavaScript 类型的包装对象(Typed Wrappers)
JavaScript 有一套类型的包装对象,需要的朋友可以参考下。2011-10-10
沙箱模式常见于YUI3 core,它是一种采用同一构造器（Constructor）生成彼此独立且互不干扰（self-contained）的实例对象，而从避免污染全局对象的方法2010-09-09
最新评论