如何组织jQuery代码样式以避免这么多括号和如此多的嵌套混淆? 有什么好样品吗?

我很容易被jQuery的编码风格搞糊涂了。 巢中有如此多的支架,倾斜function和巢。 如何改变我的编码风格以改善这一点? 有什么好的例子来展示这个吗?

在这里查看优秀的jQuery编码标准系列:

  • jQuery编码标准

CoffeeScript是一种编译成JavaScript的小语言。 在所有这些令人尴尬的括号和分号下面,JavaScript始终拥有一个华丽的对象模型。 CoffeeScript试图以一种简单的方式公开JavaScript的优点。

我还没有尝试过,但我认为这是一个好方法….

一个是应用程序架构和模式,另一个是您的实际编码风格/约定。 例如jQuery编码风格指南。 它也可以带来一些问题。

只需使用http://jscodesniffer.dsheiko.com/ online或https://github.com/dsheiko/jscodesniffer二进制脚本来检查源代码在jQuery编码样式指南中的有效性。

这种风格看起来很简单,但在遇到exception情况时会让人感到徘徊:

函数参数的自由间距

  • 如果在其他函数调用中,则不允许包含表达式的空格,否则分组parens必须有一个填充空间
  • 当它是唯一的参数时,函数,对象文字,数组文字和字符串文字会紧贴在括号的正面和背面
  • 多行函数/对象/数组文字在结尾处变得紧密

在定期使用嗅探器检查代码时(例如通过svn / git pre-commit hook),您已经习惯了规则。