javascript - jQuery 插件选项排序/嵌套的最佳实践是什么？

Question

对 jQuery 插件的选项进行排序(也许嵌套)的最佳方式是什么？我见过很多:

var defaults = {
    useOverlay : true,
    activeClass : "active",

    useAnimation : true,
    animationDuration : 400,
    animationEasing : "linear",

    addControls : true,
    showControlTitle : true,
    nextClass : "next",
    nextTitle : "Show Next",
    prevClass : "prev",
    prevTitle : "Show previous"
    //and so on
};

但是嵌套它们不是更好吗？像这样:

var defaults = {
    useOverlay : true,
    activeClass : "active",
    animation : {
      useAnimation : true,
      duration : 400,
      easing : "linear"
    },
    controls: {
      addControls : true,
      showTitle : true,
      next : {
        class : "next",
        title : "Show Next",
      },
      prev: {
        class : "prev",
        title : "Show previous",
      }
    }
    //and so on
};

jQuery 插件的选项大多是扁平的有什么原因吗？

Answer 1

这只是个人喜好。我会选择第二个选项，因为它描述得很好而且基本上很整洁。但是，如果您看到障碍，您可能需要为下一个按钮的类使用类似这样的东西:

defaults.controls.next.class

另外，next、class、defaults这些名字都是保留字(我只是说保留字很多，那可能会发生冲突)。因此，next_class、animation_use 等内容将确保我们不会搞乱 JavaScript 的保留关键字。

另外正如我在评论中所说，大多数开发人员(包括我)都很懒惰，他们只想创建一个变量，不管他们是否有结构。这将避免在决定结构时考虑很长时间。

归根结底，这只是个人选择。