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 相关文章推荐
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
jquery 提示信息显示后自动消失的具体实现
Dec 18 Javascript
javascript鼠标滑动评分控件完整实例
May 13 Javascript
javascript实现保留两位小数的多种方法
Dec 18 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
js实现文本上下来回滚动
Feb 03 Javascript
微信小程序 sha1 实现密码加密实例详解
Jul 06 Javascript
微信小程序授权获取用户详细信息openid的实例详解
Sep 20 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
Aug 03 Javascript
javascript 构建模块化开发过程解析
Sep 11 Javascript
详解javascript void(0)
Jul 13 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
php mssql扩展SQL查询中文字段名解决方法
2012/10/15 PHP
php批量删除cookie的简单实现方法
2015/01/26 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
基于jquery的表格排序
2010/09/11 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
Seajs的学习笔记
2014/03/04 Javascript
JS实现动态移动层及拖动浮层关闭的方法
2015/04/30 Javascript
JS常用知识点整理
2017/01/21 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
vue内置指令详解
2018/04/03 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
Vue 实现手动刷新组件的方法
2019/02/19 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
优雅地使用loading(推荐)
2019/04/20 Javascript
jquery 键盘事件 keypress() keydown() keyup()用法总结
2019/10/23 jQuery
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
python双向链表实现实例代码
2013/11/21 Python
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
alice McCALL官网:澳大利亚时尚品牌
2020/11/16 全球购物
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
计算机应用应届生求职信
2014/07/12 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
倡议书作文
2015/01/19 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
旷工检讨书大全
2015/08/15 职场文书
SQL实现LeetCode(196.删除重复邮箱)
2021/08/07 MySQL
golang中的struct操作
2021/11/11 Golang