Javascript代碼驗證工具 - JSHint介紹

JSHint跟JSLint非常像，都是Javascript代碼驗證工具，這種工具可以檢查你的代碼并提供相關的代碼改進意見。

對于你的代碼，你可以選擇多種方式來進行檢驗：

第一種方法：進入JSHint首頁，粘貼你的代碼，選擇相關的選項，然后點擊右下角的Lint按鈕就可以了。

第二種方法：使用Grunt整合的JSHint。

首先在項目根目錄中建立一個grunt.js文件：

module.exports = function(grunt) {
    'use strict';

    // Project configuration.
    grunt.initConfig({
        pkg: '<json:package.json>',
        test: {
            files: ['test/**/*.js']
        },
        lint: {
            files: ['grunt.js', 'lib/**/*.js', 'test/**/*.js']
        },
        watch: {
            files: '<config:lint.files>',
            tasks: 'default'
        },
        jshint: {
            options: {
                curly: true,
                eqeqeq: true,
                newcap: true,
                noarg: true,
                sub: true,
                undef: true,
                boss: true,
                node: true
            },
            globals: {
                exports: true
            }
        }
    });

    // Default task.
    grunt.registerTask('default', 'lint test');

};

curly: 大括號包裹，即不能使用這種代碼：

while (notEnd())
    doSomething();

eqeqeq: 對于簡單類型，使用===和!==，而不是==和!=

newcap: 對于首字母大寫的函數（聲明的類），強制使用new

noarg: 禁用arguments.caller和arguments.callee

undef: 查找所有未定義變量

boss: 查找類似與if(a = 0)這樣的代碼

node: 指定運行環境為node.js

其他更多的選項參見：http://www.jshint.com/docs/

第三種方法：直接使用API。

var result = JSHINT(source, options, globals);

其中source為待檢查的腳本字符串（或者字符串數組）。options同第二種方法。globals是指定全局變量。如果驗證通過，返回true，否則返回false。如果返回false，那么可以使用JSHINT.errors來查看錯誤。