JavaScript

プロジェクトのセキュリティ

IntelliJ IDEA の外部で作成され、そこにインポートされたプロジェクトを開くと、IntelliJ IDEA は、未知ソースコードを使用してこのプロジェクトを処理する方法を決定できるダイアログを表示します。

次のいずれかのオプションを選択します。

• セーフモードでプレビュー: この場合、IntelliJ IDEA はプロジェクトをプレビューモードで開きます。 これは、プロジェクトのソースを参照することはできますが、タスクやスクリプトを実行したり、プロジェクトを実行 / デバッグしたりすることはできないことを意味します。

  IntelliJ IDEA はエディター領域の上部に通知を表示し、 プロジェクトを信頼する… リンクをクリックして、いつでもプロジェクトをロードできます。

• プロジェクトを信頼: この場合、IntelliJ IDEA はプロジェクトを開いてロードします。 これは、プロジェクトが初期化され、プロジェクトのプラグインが解決され、依存関係が追加され、すべての IntelliJ IDEA 機能が使用可能になることを意味します。

• 開かない: この場合、IntelliJ IDEA はプロジェクトを開きません。

プロジェクトのセキュリティ の詳細を参照してください。

複数の JavaScript バージョンを使用する

ECMAScript 5.1 と新しいバージョンの ECMAScript の両方を使用するアプリケーションに取り組んでいる場合、最も簡単な方法は、 JavaScript ページ (設定 | 言語 & フレームワーク | JavaScript) のリストからプロジェクト全体の最も高い言語バージョンを選択することです。

JavaScript コードの JSX 構文

JavaScript コードで JSX 構文を使用している場合は、 ECMAScript 6+ を有効にします。

パラメーターヒント

パラメーターヒントは、メソッドと関数内のパラメーターの名前を表示して、コードを読みやすくします。 デフォルトでは、リテラルまたは関数式であるが名前付きオブジェクトではない値に対してのみ、パラメーターヒントが表示されます。

戻り型のヒント

IntelliJ IDEA は、関数呼び出しで関数の戻り値の型を表示し、チェーンを呼び出すことができます。

• 関数の戻り値の型ヒントは、 JSDoc コメントから、またはコードの静的解析に基づいて推論されます。

• メソッドチェーンで型ヒントを返すは、メソッド呼び出しが複数行に分かれており、少なくとも 2 つの異なる型を返す場合に表示されます。

  メソッドチェーンの戻り値の型のヒントは、内部 IntelliJ IDEA エバリュエーターによって提供されます。

型ヒント

型ヒントは、変数、フィールド、パラメーターの型を示します。 変数とフィールドの型は、その定義の横に表示されます。 パラメーターの型ヒントは関数呼び出しに表示されます。 型ヒントは、 JSDoc コメントまたはコードの静的分析から推論されます。

ES6 インポートステートメントを追加する

インポートステートメントは、シンボルの補完時や後から、インポートツールチップやクイックフィックス、インテンションアクションを使用して随時追加できます。

プロジェクトから ES6 モジュールであるファイル、または ES インポートステートメントがすでに含まれているファイルにシンボルをインポートする場合、IntelliJ IDEA はシンボルの補完時に ES6 インポートを自動的に挿入します。

未解決のシンボルにカーソルを合わせると、自動インポートツールチップが表示され、インポートステートメントの追加を提案します。

• 提案を受け入れるには、 Alt+Enter を押します。

  

• ツールチップを無効化するには、エディター右上にあるインスペクションウィジェットにマウスを合わせ、 をクリックして、 自動インポートツールチップを表示する。 オプションの選択を解除します。

  

以前の JavaScript バージョンの場合、または、 完了時の自動インポートが無効になっている場合 、IntelliJ IDEA はシンボルを未解決としてマークし、エラー内容と推奨されるクイックフィックスをポップアップに表示します。

• 提案を受け入れるには、 Alt+Shift+Enter を押します。

  

• または、 Alt+Enter を押します。

  

• インポート可能なソースが複数ある場合は、IntelliJ IDEA に候補のリストが表示されます。

  

IntelliJ IDEA は、プロジェクトの依存関係で定義されたシンボルのインポート文も生成できます。 自動インポートは、 TypeScript 定義ファイル(英語)を含むパッケージ（moment(英語) や redux(英語) など）や ES モジュールとして記述されたソースのシンボルに対して機能します。

現在のファイルにすでに ES6import ステートメントが含まれている場合、IntelliJ IDEA は ES6 スタイルでも新しいステートメントを挿入します。

CommonJS（必須）インポートステートメントを追加する

プロジェクトからすでに CommonJS モジュールであるファイル（require ステートメントまたは module.export を使用）にシンボルをインポートする場合、IntelliJ IDEA はシンボルの補完時に CommonJS インポートを自動的に挿入します。

あるいは、インポートするシンボルにキャレットを置き、 Alt+Enter を押して、CommonJS (require) インポートスタイルのクイックフィックスを選択します。

import defer ステートメントを追加する

IntelliJ IDEA は、JavaScript コンテキストでの import defer(英語) 構文をサポートし、コード補完、エラーのハイライト、 インポート ステートメントのライブテンプレート、使用状況の検索を提供します。

import.defer 構文もサポートされています。

インポートソースステートメントを追加する

IntelliJ IDEA は、JavaScript コンテキストでの インポートソース(英語)構文をサポートし、コード補完、エラーのハイライト、 インポート ステートメントのライブテンプレート、使用状況の検索を提供します。

import.source 構文もサポートされています。

自動インポートを構成する

デコレーター

デコレータの場合、再フォーマット中に各デコレータの後に改行を挿入しないようにすることが重要な場合があります。

デコレータには次のフォーマットオプションが使用できます。