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 类定义的4种方法，大家可以参考下根据需要选择。2009-09-09
JavaScript isPrototypeOf和hasOwnProperty使用区别
JavaScript isPrototypeOf和hasOwnProperty的使用技巧，需要的朋友的朋友可以参考下。2010-03-03
我说过，我要写一个JS的框架，我知道有人会从心底BS我，但是：你继续BS吧！我还是要写我的JOBJ。2008-03-03
2007-12-12
JavaScript面向对象(极简主义法minimalist approach)
荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法，他称这种方法为极简主义法（minimalist approach）。这也是我推荐的方法2012-07-07
虽有陈皓《Javascript 面向对象编程》珠玉在前，但是我还是忍不住再画蛇添足的补上一篇文章，主要是因为javascript这门语言魅力2012-03-03
最近在看javascript高级程序设计，其中对对象的创建做了具体的阐述，综合起来，总结了下（je知识库javascript专栏由这方面的教程，有兴趣的可以去知识库看看）2010-10-10
javascript 混合的构造函数和原型方式，动态原型方式
JS编程中最常用两种对象类定义的方式。不管是利用下面2种方式的那一种，都可以达到相同的效果！2009-12-12
单体是在脚本加载时创建的，能将一系列有关联的变量和方法组织为一个逻辑单元，逻辑单元里面的内容通过单一的变量进行访问，也是笔记基础与常用的面向对象的定义方法。2010-04-04
mootools.js的最新版本是1.2.3,这里使用的是1.2.0。mootool被设计成非常紧凑的，模块化的，面向对象的的js库。mootool中写类用Class类。2009-07-07
最新评论