您的位置: 网站首页> IT面试> 当前文章

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

老董2021-09-25189围观,115赞

点击领取>>python全套教程
点击领取>>js逆向_app逆向_安卓群控

  前端面试题演示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;

  在返回当前的原型方法,也就是说链式语法使用的是前一个方法的回调对象;

很赞哦!

python编程网提示:转载请注明来源www.python66.com。
有宝贵意见可添加站长微信(底部),获取技术资料请到公众号(底部)。同行交流请加群 python学习会

文章评论

    前端面试题演示jQuery的链式调用过程文章写得不错,值得赞赏

站点信息

  • 网站程序:Laravel
  • 博主微信:a772483200