演示jQuery的鏈?zhǔn)秸{(diào)用過(guò)程【前端面試題】

（1）考察目標(biāo)

要考查的是什么是鏈?zhǔn)骄幊?/p>

（2）題目分析

1）鏈?zhǔn)骄幊叹褪峭ㄟ^(guò)擴(kuò)展原型鏈方法并且return this，將所有對(duì)同一個(gè)對(duì)象的操作指到同一個(gè)實(shí)例上

2）es6 class 的語(yǔ)法

S6引入了Class（類(lèi)）這個(gè)概念，通過(guò)class關(guān)鍵字可以定義類(lèi)。該關(guān)鍵字的出現(xiàn)使得其在對(duì)象寫(xiě)法上更加清晰，更像是一種面向?qū)ο蟮恼Z(yǔ)言

代碼：

        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）應(yīng)用場(chǎng)景

在jq中存在大量的鏈?zhǔn)秸Z(yǔ)法，實(shí)現(xiàn)原理很簡(jiǎn)單，就是在jq的原型鏈中每個(gè)方法都使用return this；
在返回當(dāng)前的原型方法，也就是說(shuō)鏈?zhǔn)秸Z(yǔ)法使用的是前一個(gè)方法的回調(diào)對(duì)象；

自學(xué)jquery教程：傳智播客jquery入門(mén)教程下載

什么是jQuery? jQuer能做什么？

怎樣使用jQuery？jQuery常見(jiàn)操作問(wèn)題和解決方法

傳智教育前端與移動(dòng)開(kāi)發(fā)開(kāi)發(fā)培訓(xùn)