关于 javascript 的编程风格（完整版）

// 没空格
if(){
// 遇到花括号空1格
if() {
// if 直接空1格
if (){
// 都空1格
if () {
// 条件空1格，花括号换行
if ()
{

// 以上同样的问题也空在于 function 和 obj 上面
// 方法
function(){
function (){
function() {
function()
{

// 对象
var obj{
var obj {
var obj
{

// 换行问题有大神说过Javascript会自动添加句末的分号，导致一些难以察觉的错误，
// 但是我觉得就算花括号不换行，但是在实际在文件中换行的地方多了去了，
// 所以这个自动添加句末的分号的问题不应该成为一个编程风格的理由。

// 按常见风格
define(["../jquery",], function( jQuery ) {

    var rclass = /[\t\r\n\f]/g;

    jQuery.fn.extend({

        addSomeClass: function( value ) {

            if ( proceed ) {
                classes = ( value || "" ).match( rnotwhite ) || [];

                for ( ; i < len; i++ ) {
                    elem = this[ i ];
                    cur = elem.nodeType === 1 && ( elem.className ?
                        ( " " + elem.className + " " ).replace( rclass, " " ) :
                        " "
                    );

                    if ( cur ) {
                        j = 0;
                        while ( (clazz = classes[j++]) ) {
                            if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
                                cur += clazz + " ";
                            }
                        }

                        finalValue = jQuery.trim( cur );
                        if ( elem.className !== finalValue ) {
                            elem.className = finalValue;
                        }
                    }
                }
            }

            return this;
        }
    });

});
// 上面这种风格，难道没有人觉得代码块block很难理解吗？

// 那么现在这样呢：
define(["../jquery",], function( jQuery )
{
    var rclass = /[\t\r\n\f]/g;

    jQuery.fn.extend(
    {
        addSomeClass: function( value )
        {
            if ( proceed )
            {
                classes = ( value || "" ).match( rnotwhite ) || [];

                for ( ; i < len; i++ )
                {
                    elem = this[ i ];
                    cur = elem.nodeType === 1 && ( elem.className ?
                        ( " " + elem.className + " " ).replace( rclass, " " ) :
                        " "
                    );

                    if ( cur )
                    {
                        j = 0;
                        while ( (clazz = classes[j++]) )
                        {
                            // 当条件只有一行的时候省略 {} 花括号
                            if ( cur.indexOf( " " + clazz + " " ) < 0 ) cur += clazz + " ";
                        }

                        finalValue = jQuery.trim( cur );
                        if ( elem.className !== finalValue )
                        {
                            elem.className = finalValue;
                        }
                    }
                }
            }

            return this;
        }
    });

});
// 花括号换行之后，是不是直观了很多呢？更容易看清楚了呢？
// 如果换成2个空格，那个花括号换行在js里就更好看了：
define(["../jquery",], function( jQuery )
{
  var rclass = /[\t\r\n\f]/g;

  jQuery.fn.extend(
  {
    addSomeClass: function( value )
    {
      if ( proceed )
      {
        classes = ( value || "" ).match( rnotwhite ) || [];

        for ( ; i < len; i++ )
        {
          if ( cur )
          {
            j = 0;
            while ( (clazz = classes[j++]) )
            {
              // 当条件只有一行的时候省略 {} 花括号
              if ( cur.indexOf( " " + clazz + " " ) < 0 ) cur += clazz + " ";
            }

            finalValue = jQuery.trim( cur );
            if ( elem.className !== finalValue )
            {
              elem.className = finalValue;
            }
          }
        }
      }

      return this;
      }
  });

});
// 是不是更加直观，容易看清楚了呢？