JavaScript 对象链式操作小例子
发布时间：2015-04-13 编辑：jiaochengji.com
分享一个javascript实现对象链式操作的例子，建议大家用jquery链接操作，毕竟大师都已实现了，不过用于学习研究的话，建议参考下本文。
纯js代码模拟jquery链接操作，用js实现链接写法，如下：
复制代码 代码示例:
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());
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链式操作、链式写法的小例子
PHP设计模式概述
浅析jQuery的链式调用之each函数
jQuery对象和DOM对象相互转化
JavaScript继承方式详解
JavaScript中的面向对象（object-oriented）编程
疯狂Jquery第一天(Jquery学习笔记)
使用jquery对json对象进行each操作
Javascript 设计模式读书笔记(三)——继承
上一篇：js回车提交表单的代码
下一篇：JavaScript定义类的方法总结
[关闭]