javascript鏈式呼叫簡單介紹

大家知道jQuery之所以好用，其中的原因之一就是鏈式呼叫非常的方便，看起來非常的神奇，其實原理夠簡單，下面就是通過一個簡單的例項告訴大家鏈式呼叫是如何實現的，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function ClassA(){ 
  this.firstP=null; 
  this.secondP=null; 
  this.thirdP=null; 
} 
ClassA.prototype={ 
  firstM:function(p1){ 
    this.firstP=p1; 
    return this; 
  }, 
  secondM:function(p2){ 
    this.secondP=p2; 
    return this; 
  }, 
  thirdM:function(p3){ 
    this.thirdP=p3; 
    return this; 
  } 
}
var newObj=new ClassA();
newObj.firstM("螞蟻部落").secondM("青島市南區").thirdM(2);
console.log(newObj.firstP);
console.log(newObj.secondP);
console.log(newObj.thirdP);

以上程式碼就是一個鏈式呼叫的簡單例項。

可以看出，之所以能夠實現鏈式呼叫，是因為每一個函式的返回值都是物件例項本身。