被“ bootstrap-slider” jQuery插件架構所迷惑

Question

我是jQuery插件的新手，我不了解bootstrap-slider插件的體系結構。

創建滑塊時實際返回什么？

var mySlider = $('.slider').slider({...});

我期望有Slider類（對象），但是我無法直接訪問它的方法，相反，我必須這樣做：

mySlider.slider('setValue',4);

為什么我應該將Slider的方法稱為字符串而不是直接調用？ 我期望的是：

var mySlider = $('.slider').slider({...});?
mySlider.setValue(4);

我又是新來的，這是某種丑陋的模式還是我誤解了？ 有人可以解釋一下嗎？

謝謝

Answer 1

基本上，您可以在選擇器上調用匿名jQuery函數。 調用$（'。slider'）時，您正在創建一個jQuery對象，用於存儲方法和參數。

jQuery插件模式是一個很好的起點。 我會通過@addyosmani http://coding.smashingmagazine.com/2011/10/11/essential-jquery-plugin-patterns/查看這篇文章

Answer 2

顯然，該架構的靈感來自於如何使用方法創建jQuery插件？ 。

恕我直言，這是非常糟糕的架構。 它易於出錯，不能在編譯時強類型化（使用TypeScript）或檢查完整性。 我們不使用字符串編寫代碼是有原因的。