首頁  >  文章  >  web前端  >  怎麼實現鍊式呼叫jQuery插件

怎麼實現鍊式呼叫jQuery插件

anonymity
anonymity原創
2019-05-24 14:16:512613瀏覽

實作鍊式呼叫jQuery外掛的方法:先建立好對象,並呼叫自己的方法;然後在方法的最後加上【return this】;最後把物件折返回來,這樣物件就可以繼續呼叫方法,從而實現鍊式操作了。

怎麼實現鍊式呼叫jQuery插件

實作鍊式的基本條件就是要實例物件先創建好,呼叫自己的方法。

鍊式呼叫是透過return this的形式來實現的。透過物件上的方法最後加上return this,把物件再回傳來,物件就可以繼續呼叫方法,實現鍊式操作了。

Obj().init().setFlag();

分解:

obj = Obj();
obj.init();
obj.setFlag();

如果需要鍊式的處理,只需要在方法內部傳回目前的這個實例物件this就可以了,因為傳回目前實例的this,就又可以存取自己的原型了。

Obj.prototype = {
init: function() {
...
        return this;
    },
setFlag: function() {
...
        return this;
    }
}

鍊式呼叫的好處:節省程式碼量,程式碼看起來更優雅。

鍊式呼叫的問題:所有物件的方法回傳的都是物件本身,也就是說沒有回傳值,所以這種方法不一定在任何環境下都適合。

以上是怎麼實現鍊式呼叫jQuery插件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn