javascript中的链式调用


jQuery中形如$("#txtName").addClass("err").css("font-size","12px").select().focus();的方式让人不得不为之着迷。其实现机制就是链式调用。链式调用就是调用对象的方法后返回到该对象,严格来讲它并不属于语法,而只是一种语法技巧,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();


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]



相关阅读:
PHP的一个完整SMTP类(解决邮件服务器需要验证时的问题)
jQuery创建插件的代码分析
Fatal server error: could not open 无法进图形界面的解决办法
利用xmlhttp和adodb.stream加缓存技术下载远程Web文件
的另一妙用实例
当鼠标移到单元格时背景变色
extjs中grid中嵌入动态combobox的应用
PHP中的正规表达式(一)
块元素block element和内联元素inline element
JavaScript 注册表访问实现代码
用javascript css实现GridView行背景色交替、鼠标划过行变色,点击行变色选中
多台主机使用DNS服务器实现网络负载均衡详细教程
asp.net button 绑定多个参数
jQuery 处理表单元素的代码
快速导航

Copyright © 2016 phpStudy |