首页技术文章正文

写出jQuery链式调用实现方法【前端面试题】

更新时间:2021-06-09 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif


(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有什么特点?如何下载安装jQuery?

jQuery怎样使用选择器获取元素?常用的选择器列举

黑马程序员前端与移动开发课程

分享到:
在线咨询 我要报名
和我们在线交谈!