JavaScript

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

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

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

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

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

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

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

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

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

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

JavaScript コードの JSX 構文

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

パラメーターヒント

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

戻り型のヒント

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

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

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

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

型ヒント

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

デコレーター

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

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