$('#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