首頁技術文章正文

寫出jQuery鏈式調(diào)用實現(xiàn)方法【前端面試題】

更新時間:2021-06-09 來源:黑馬程序員 瀏覽量:

1577370495235_學IT就到黑馬程序員.gif


(1)考察目標

要考查的是什么是鏈式編程

(2)題目分析

1)鏈式編程就是通過擴展原型鏈方法并且return this,將所有對同一個對象的操作指到同一個實例上。

2)es6 class 的語法

S6引入了Class(類)這個概念,通過class關鍵字可以定義類。該關鍵字的出現(xiàn)使得其在對象寫法上更加清晰,更像是一種面向對象的語言

代碼:

        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中存在大量的鏈式語法,實現(xiàn)原理很簡單,就是在jq的原型鏈中每個方法都使用return this;
在返回當前的原型方法,也就是說鏈式語法使用的是前一個方法的回調(diào)對象;






猜你喜歡:

如何獲取jQuery?jQuery的使用演示

jQuery有什么特點?如何下載安裝jQuery?

jQuery怎樣使用選擇器獲取元素?常用的選擇器列舉

黑馬程序員前端與移動開發(fā)課程

分享到:
在線咨詢 我要報名
和我們在線交談!