手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript 对象链式操作测试代码
JavaScript 对象链式操作测试代码
摘要:虽然现在慢慢减少了对jQuery的使用(项目上还是用,效率高点。平时基本不用了),希望从而减少对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源代码还真是有点累。。

【JavaScript 对象链式操作测试代码】相关文章:

使用RequireJS优化JavaScript引用代码的方法

javascript使用Promise对象实现异步编程

javascript操作ul中li的方法

JavaScript TO HTML 转换

JavaScript数组去重的3种方法和代码实例

Javascript特效:随机显示图片的源代码

JavaScript function函数种类详解

浅析javascript函数表达式

详解JavaScript中的表单验证

深入理解JavaScript中的对象

精品推荐
分类导航