javascript中的链式调用
2010-02-18 00:00
706 查看
jQuery中形如$("#txtName").addClass("err").css("font-size","12px").select().focus();的方式让人不得不为之着迷。其实现机制就是链式调用。链式调用就是调用对象的方法后返回到该对象,严格来讲它并不属于语法,而只是一种语法技巧,js令人着迷的一点就是这里。
没有返回值的方法属于赋值器方法,显然它很容易实现链式调用,前提是正确理解this指针的用法。
javascript链式调用 http://www.jb51.net/
function W(){
this.name="Wang Hongjian";
this.gender="male";
}
W.prototype.sayHi=function(){
alert("Hello,everybody\nMy name is " + this.name);
return this;
};
W.prototype.doSomething=function(){
alert("I'm working");
return this;
}
W.prototype.sayGoodbye=function(){
alert("Goodbye,everybody");
return this;
};
var w=new W();
w.sayHi().doSomething().sayGoodbye();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
没有返回值的方法属于赋值器方法,显然它很容易实现链式调用,前提是正确理解this指针的用法。
function W(){ this.name="Wang Hongjian"; this.gender="male"; } W.prototype.sayHi=function(){ alert("Hello,everybody\nMy name is " + this.name); return this; }; W.prototype.doSomething=function(){ alert("I'm working"); return this; } W.prototype.sayGoodbye=function(){ alert("Goodbye,everybody"); return this; }; var w=new W(); w.sayHi().doSomething().sayGoodbye();
javascript链式调用 http://www.jb51.net/
function W(){
this.name="Wang Hongjian";
this.gender="male";
}
W.prototype.sayHi=function(){
alert("Hello,everybody\nMy name is " + this.name);
return this;
};
W.prototype.doSomething=function(){
alert("I'm working");
return this;
}
W.prototype.sayGoodbye=function(){
alert("Goodbye,everybody");
return this;
};
var w=new W();
w.sayHi().doSomething().sayGoodbye();
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- JavaScript 异步调用框架 (Part 4 - 链式调用)
- JavaScript中链式调用之研习
- JavaScript链式调用的设计
- javascript简单链式调用案例分析
- JavaScript DSL 流畅接口(使用链式调用)实例
- JavaScript中链式调用之研习
- 实现JavaScript自定义函数的整合、链式调用及类的封装
- javascript中的链式调用
- 学习JavaScript设计模式(链式调用)
- javascript实现简单的链式调用
- JavaScript设计模式:方法的链式调用
- javascript学习(10)——[知识储备]链式调用
- 简谈 JavaScript、Java 中链式方法调用大致实现原理
- Javascript 链式调用实现代码(参考jquery)
- javascript中方法的链式调用(jQuery中的重要特性)
- 浅析 JavaScript 链式调用
- javascript链式调用实现方式总结
- JavaScript的封装与链式调用