JSHintによるJavaScriptのリンティング

リンティング コンピュータプログラミングではのプロセスです。 誤った構文のような問題を見つけるための静的解析コード、およびコードの使用法. リンティングに使用されるツールは、 糸くず または リンター. 今日JavaScriptで利用可能なリンターの1つはJSHintです。.

JSHintは複数のプラットフォームで利用できます。私たちのほとんどが精通しているオンラインWebツールはjshint.comにあります。もあります Node.js経由のコマンドラインツール, ある JavaScript API, 複数のテキストエディタとIDEプラグイン JSHintのために。 JSHint Webサイトのダウンロードおよびインストールページで、さまざまな環境で利用可能なJSHintツールの完全なリストを見ることができます。.

そのWebサイトによると、JSHintツールが使用される2つの最も一般的な方法は、 コマンドラインツール そしてその API. ツールが提供する他のリンティングの最適化とともに、両方を使用する方法を見てみましょう。.

コマンドラインツール経由

（1） Node.jsがコンピュータにインストールされていない場合は、そのWebサイトにアクセスして、まずダウンロードしてインストールする必要があります。 Node.jsが正常にインストールされたかどうかを確認するには、次のコマンドを実行します。 npm - バージョン コマンドラインインターフェース（CLI）で、あなたのコンピュータのNode.jsのバージョンを表示します 午後 そして何が起こるか見てください）.

（2） JSHintツールをインストールするには、次のコマンドを実行します。 npm install jshint CLIで。 JSHintが正常にインストールされたかどうかを確認したい場合は、次のコマンドを実行してください。 jshint - バージョン そのバージョンを見るために。このステップが終わったら、インストールは完了です。.

（3） ツールを実行するには、JavaScriptファイルがあるCLIのディレクトリに移動します（たとえば test.js）で、コマンドを実行します jshint test.js. あなたのJavaScriptコードに対するツールの分析結果が表示されます（このようなもの）。

JavaScript APIを介して

（1） このGitHubリンクから圧縮ファイルをダウンロードして解凍します。の中に遠いあなたが見つけることができるフォルダ jshint JSファイル（APIライブラリ）.

（2） APIを使用するには、 jshint あなたのプロジェクトへのJSファイルとあなたのページへのリンク。 APIはJavaScriptコード内で呼び出される関数/オブジェクトを使ってアクセスできます。 JSHINT. 以下に示すのは、JSHintのJavaScript APIを使用したHTMLコードの例です。 ソース 解析結果を配列してページに表示する.

     資料

（3） 合格しました ソース 分析対象のJavaScriptソースコードを含む配列 オプション リンティングオプションを含むオブジェクト オプション まもなく）パラメータとして JSHINT 関数。解析結果（JSONオブジェクト）は、 JSHINTの関数プロパティが呼び出されました データ.

（4） JSON.stringify ここからの表示専用として使用され、から返された結果を表示します。 データ ページ上の文字列形式の関数。の 美しく JSON文字列はこのようになります。強調表示されている部分は、JSHintが見つけた間違いを簡単な文章で表したものです。.

リンティングオプション

リンティングオプションにより、リンティングプロセスを設定できます。どの種類のエラーや不必要なものを明瞭に表示する必要があるか、またどのようにしないかを指定できます。前の例では、2つのリンティングオプションが使用されました。 未定 そして 未使用.

未定 未宣言の変数にオプションフラグを立てます。 未使用 宣言されたが使用されていない変数にフラグを立てます。これらのようにあなたがこのページでリストを見ることができるより多くのオプションがあります、あなたがオプションを検索したいならば、右上隅に提供された検索バーがあります.

Node.js経由でCLIツールを使用している場合は、内部にリンティングオプションを記述できます。 package.json プロパティの下のファイル jshintConfig 同じディレクトリにあります。 JavaScriptコードでディレクティブとしてオプションを追加することもできます。.

 //  -  test.js  -  / * jshint undef：true、未使用：true * / foo（）; ａ ＝ ７。

使用しているツールに基づいてプロジェクトのリンティングオプションを設定する方法は他にもあります。さまざまな方法をチェックしてください。構成ここに.