教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

演示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常見操作問題和解決方法

傳智教育前端與移動開發(fā)開發(fā)培訓

0 分享到：
和我們在線交談！