JavaScript 对象链式操作测试代码


Posted in Javascript onApril 25, 2010

虽然现在慢慢减少了对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源代码还真是有点累。。

Javascript 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
javascript 尚未实现错误解决办法
Nov 27 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
用JavaScript判断CSS浏览器类型前缀的两种方法
Oct 08 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
jQuery Easyui datagrid editor为combobox时指定数据源实例
Dec 19 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
结合mint-ui移动端下拉加载实践方法总结
Nov 08 Javascript
vue+web端仿微信网页版聊天室功能
Apr 30 Javascript
微信小程序防止多次点击跳转(函数节流)
Sep 19 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
Feb 27 Javascript
网页上的Javascript编辑器和代码格式化
Apr 25 #Javascript
jQuery温习篇 强大的JQuery选择器
Apr 24 #Javascript
javascript 二分法(数组array)
Apr 24 #Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 #Javascript
JavaScript 比较时间大小的代码
Apr 24 #Javascript
google 搜索框添加关键字实现代码
Apr 24 #Javascript
javascript XMLHttpRequest对象全面剖析
Apr 24 #Javascript
You might like
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
php微信公众账号开发之前五个坑(一)
2016/09/18 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
js一组验证函数
2008/12/20 Javascript
在js中单选框和复选框获取值的方式
2009/11/06 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
2010/12/02 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
JQuery中DOM事件合成用法实例分析
2015/06/13 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(二)
2016/02/16 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
2016/09/23 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
详解vue-resource promise兼容性问题
2017/06/20 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
[00:43]魔廷新尊——痛苦女王至宝捆绑包
2020/06/12 DOTA
python里将list中元素依次向前移动一位
2014/09/12 Python
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
Django自定义过滤器定义与用法示例
2018/03/22 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
文明宿舍获奖感言
2014/02/07 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
争做文明公民倡议书
2014/08/29 职场文书
标准版离职证明书
2014/09/12 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书
Python装饰器详细介绍
2022/03/25 Python