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();

查看演示

Related posts:

1. Javascript系列教程：面向对象讲解（四） 私有属性只能在构造函数内部定义与使用； 实例属性必须在对象实例化后使用； 类属性直接通过类名去使用...
2. js中的arguments（二） （apply暂时不能理解，不作讲解） call call与argument同属于Function对象，call为方法（或函数），它的作用是将函数绑定到另外一个对象上去运行。 使用call实现真正意义上的继承 <script type="text/javascript"> function Man(){     this.gender="male";...
3. return返回的问题 js函数返回值时，不需要声明该返回值，只需要使用return后跟要返回的值即可。 function ReturnDemo(){     var name="Wang Hongjian";     return name;...
4. Javascript高级程序设计读书笔记——js面向对象 类（对象）的定义 一、工厂方式 一般方式创建对象 var oPeople=new Object; oPeople.name="WangHongjian"; oPeople.age=4; oPeople.job="Programmer"; oPeople.doJob=function(){...
5. 关于JSON JSON，全称是Javascript Object Notation（Javascript对象表示法），它是一种轻量级的数据交换格式，其语法是一种传输和生成数据的协定，类似于C家族的语言，很容易被 C家族的语言所解析。...

以上关联文章由 Yet Another Related Posts Plugin 提供支持。