简略写出jQuery链式调用实现方法
(1)考察目标
要考查的是什么是链式编程
(2)题目分析
1)链式编程就是通过扩展原型链方法并且return this,将所有对同一个对象的操作指到同一个实例上
2)es6 class 的语法
S6引入了Class(类)这个概念,通过class关键字可以定义类。该关键字的出现使得其在对象写法上更加清晰,更像是一种面向对象的语言
代码:
class Test {
constructor(x, y) {
this.x = x
this.y = y
this.z = null
}
test1() {
this.z = this.x + this.y
return this
}
test2() {
console.log(this.z / this.x)
return this
}
test3() {
return this
}
}
let test = new Test(5, 10)
test.test1().test2()
(3)应用场景
在jq中存在大量的链式语法,实现原理很简单,就是在jq的原型链中每个方法都使用return this;
在返回当前的原型方法,也就是说链式语法使用的是前一个方法的回调对象;