javascript链式写法--只是因为看起来优雅

$('#someElement')
    .find ("div")
    .css ("background", "red")
    .end()
    .siblings()
    .find ("div")
    .css ("background", "green")
    .show()

看惯了，很多jquery用链式调用是不是觉得很Cool？很优雅？让我们自己写写自己的链式函数吧。看看下面简单的demo:

  this.a = 0
}
Man.prototype.add = function (val) {
  this.a += val
  console.log(this.a)
  return this
}
let man = new Man(2)
man
  .add(1)
  .add(1)
  .add(1)

是不是觉得这样写起来优雅多了？

首先显示声明一个函数对象，然后在函数的原型上添加一个方法，方法中添加一下操作，最后返回这个对象供下次调用。是不是觉得很简单。话句话说只要在对象的原型链上添加方法，然后在方法最后返回该对象供下次调用使用。

  this.smallChickenChicken = 10
}
Man.prototype.addName = function(val) {
  this.name = val
  return this
}
Man.prototype.cut = function(val) {
  this.smallChickenChicken -= val
  return this
}
Man.prototype.saysmallChickenChicken = function() {
  console.log(`${this.name}:${this.smallChickenChicken}`)
  return this
}
let man = new Man()
man
  .addName('小雨')
  .cut(1)
  .cut(1)
  .cut(1)
  .cut(1)
  .cut(1)
  .cut(1)
  .cut(1)
  .cut(1)
  .saysmallChickenChicken()

// 小雨：2

尽情的在原型链上添加方法吧。