被“ 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）或检查完整性。 我们不使用字符串编写代码是有原因的。