JavaScript 对象链式操作测试代码_Javascript教程-查字典教程网
JavaScript 对象链式操作测试代码
JavaScript 对象链式操作测试代码
发布时间:2016-12-30 来源:查字典编辑
摘要:虽然现在慢慢减少了对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教程学习
    热门Javascript教程学习
    编程开发子分类