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 相关文章推荐
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
javascript中setTimeout的问题解决方法
May 08 Javascript
JavaScript中的eval()函数使用介绍
Dec 31 Javascript
javascript内置对象操作详解
Feb 04 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
简介JavaScript错误处理机制
Aug 04 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 Javascript
JavaScript中isPrototypeOf函数
Nov 07 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的图形函数中显示汉字
2006/10/09 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
jquery 表单取值常用代码
2009/12/22 Javascript
最短的IE判断代码
2011/03/13 Javascript
node.js中的url.format方法使用说明
2014/12/10 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
2015/08/28 Javascript
7个去伪存真的JavaScript面试题
2016/01/07 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
bootstrap警告框使用方法解析
2017/01/13 Javascript
JavaScript中offsetWidth的bug及解决方法
2017/05/17 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
Vue-Router进阶之滚动行为详解
2017/09/13 Javascript
vue axios整合使用全攻略
2018/05/24 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
浅谈在Vue.js中如何实现时间转换指令
2019/01/06 Javascript
Nuxt的路由配置和参数传递方式
2020/11/06 Javascript
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
python线程、进程和协程详解
2016/07/19 Python
Python面向对象程序设计示例小结
2019/01/30 Python
Python中类的创建和实例化操作示例
2019/02/27 Python
用Pelican搭建一个极简静态博客系统过程解析
2019/08/22 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
python跨文件使用全局变量的实现
2020/11/17 Python
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
一套C++笔试题面试题
2012/06/06 面试题
大学军训感言1000字
2014/02/25 职场文书
开服装店计划书
2014/08/15 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
报案材料怎么写
2015/05/25 职场文书
大学生学习十八届五中全会精神心得体会
2016/01/05 职场文书
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python