首页技术文章正文

演示jQuery的链式调用过程【前端面试题】

更新时间:2021年06月09日15时32分来源:传智教育浏览次数:

（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；
在返回当前的原型方法，也就是说链式语法使用的是前一个方法的回调对象；

猜你喜欢：

自学jquery教程：传智播客jquery入门教程下载

什么是jQuery? jQuer能做什么？

怎样使用jQuery？jQuery常见操作问题和解决方法

传智教育前端与移动开发开发培训

上一篇：媒体查询是什么？怎样使用媒体查询？ 下一篇：CSS3中怎样将box-sizing设为content-box？