编写可维护的javascript（一）：基本的格式化

一 基本的格式化

• 语句结尾
  依赖于分析器的自动分号插入（ASI）机制，javascript代码省略分号是可以正常工作。ASI会自动寻找出代码中应当使用分号但实际没有分号的位置，并插入分号。在大多数情况下ASI都会正确插入分号，不会产生错误。

    // 原始代码    function getData() {        return         {            title: 'rule',            author: 'mangoyi'        }    }    // 分析器会自动解释成    function getData() {        return ;        {            title: 'rule',            author: 'mangoyi'        }    }

• 行
  javascript编码风格倾向于将行长度限定在80个字符。

    if (isLeapYear && isFebruary && day == 29 && itsYourBirthday &&            noPlans) {        waitAnotherFourYears();    }

以上代码注释：if条件语句拆分成两行，断行是在&&运算符之后（总是将一个运算符置于行尾，ASI就不会自作主张地插入分号了）

• 命名
  核心遵照驼峰式大小写命名法
  变量名总是遵循驼峰大小写命名法，并且命名前缀应当是名字。以名词为前缀可以让变量和函数区分开来，因为函数名前应当是动词。见下面例子：

    // good    var count = 10;    var myName = 'Mangoyi';    var found = true;    // bad (变量看起来像是函数)    var getCount = 10;    var isFound = true;    // good     function getName() {        return myName;    }    // bad (函数看起来像是变量)    function theName() {        return myName;    }

常量
约定使用大写字母和下划线来命名，下划线用以分割单词，比如：

    var MAX_COUNT = 10;

构造函数
构造函数以大写字母开头的驼峰式命名，常常是名词，因为构造函数是用来创建某个类型的实例的。

    // good    function Person(name) {        this.name = name;    }    Person.prototype.sayName = function() {        alert(this.name);    }    var me = new Person('Mangoyi');

字符串
Javascript中，字符串是独一无二的，字符串可以使用双引号括起来，也可以用单引号括起来。

    // 合法javascript代码    var name = "Mangoyi says,\"Hi\"";    //也是合法的javascript代码    var name = 'mangoyi says,"Hi"'

注：明确禁止创建多行字符串，多行字符串的一种替代方法是，使用字符串连接符(+)将字符串分成多份

    // bad（不允许）    var longString = "Here's the story, of a man \                      named Mangoyi";    // good    var longString = "Here's the story, of a man " +                     "named Mangoyi";

数字
请不要省略小数点之前或之后的数字。

null
null是一个特殊值。
理解null最好的方式是将它当做对象的占位符。

    // good    var person = null;    function getPerson() {        if (condition) {            return new Person('Mangoyi');        } else {            return null;        }    }    // good    var person = new getPerson();    if (person !== null) {        doSomething();    }    // bad(不好的做法： 用来和为初始化的变量比较)    var person;    if (person != null) {        doSomething();    }    // bad(不好的做法：检测是否传入了参数)    function doSomething(arg1, arg2) {        if (arg2 != null) {            doSomethingElse();        }    }

undefined
undefined是一个特殊值
那些没有被初始化的变量都有一个初始值，即undefined，表示这个变量等待被赋值。
typeof的行为
不管值是undefined的变量还是未声明的变量，typeof运算的结果都是‘undefined’ 比如：

    // foo 未被声明    var person;    console.log(typeof person);   // "undefined"    console.log(typeof foo);      // "undefined"

当变量未声明时，如果使用了一个可能赋值未一个对象的变量时，应将其赋值为null。

    // good    var person = null;    console.log(person ==== null)  //true

则此时typeof运算null类型时则返回‘object’,就可以和undefined区分开了。

对象直接量
创建对象最流行的一种做法是使用对象直接量。

    // bad     var book = new Object();    book.title = 'Javascript';    book.author = 'Mangoyi';

很少见到上面这种写法。
对象直接量允许你将所有属性都括在一对花括号中。
所以，定义对象直接量时，采用如下标准写法：

    var book = {        title : 'Javascript',        author : 'Mangoyi'    };

数组直接量
和对象直接量相似，数组直接量是Javascript中定义数组最简洁的一种方式。
不赞成显示地使用Array构造函数来创建数组。比如：

    // bad     var colors = new Array('red', 'green', 'blue');    // good    var colors = ['red', 'green', 'blue'];

文章内容从《编写可维护的Javascript》[美] Nicholas C. Zakas著 书中总结写出。