javascript中的链式调用
更新时间:2010年02月18日 11:45:06 作者:
链式调用就是调用对象的方法后返回到该对象,严格来讲它并不属于语法,而只是一种语法技巧,js令人着迷的一点就是这里。
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需再刷新一下页面才能执行]
没有返回值的方法属于赋值器方法,显然它很容易实现链式调用,前提是正确理解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需再刷新一下页面才能执行]
相关文章
关于js中window.location.href,location.href,parent.location.href
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法2010-10-10微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
这篇文章主要介绍了微信小程序注册60s倒计时功能,以及使用JS实现注册60s倒计时功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-08-08微信小程序设置全局请求URL及封装wx.request请求操作示例
这篇文章主要介绍了微信小程序设置全局请求URL及封装wx.request请求操作,结合实例形式分析了微信小程序针对wx.requset请求的封装及调用操作相关实现技巧,需要的朋友可以参考下2019-04-04Web版彷 Visual Studio 2003 颜色选择器
Web版彷 Visual Studio 2003 颜色选择器...2007-01-01
最新评论