console.log（{myvariable}）;

このツイートは、おそらくこれまでで最も人気がありますが（最近では検証が難しいですが！）、便利なJavaScriptデバッグのトリックを紹介しています。さらに探索しましょう。

以前は、冗長を使用します。

 console.log（ "myvariable："、myvariable）;

今、私は簡潔なものを好みます：

 console.log（{myvariable}）;

DevToolsはこれを等しく上位にレンダリングし、変数の名前と価値を提供します。

魔法は、JavaScriptのオブジェクトリテラル構文にあります。 Curly Braces {}オブジェクトを定義します。オブジェクトは割り当てなしで存在できます。

 {foo： "bar"}

これは、オブジェクトを関数に渡すときに一般的です（例： myFunction({ config: options }) ）。 「トリック」は、オブジェクトの速記表記を活用します。変数名のみを使用してオブジェクトを作成し、プロパティとして暗黙的に割り当てることができます。

 const furt = "apple";

//ショートハンド
x = {furt}とします。

console.log（x）; //出力：{フルーツ： "Apple"}

//同等の長いフォーム
x = {"フルーツ"：フルーツ};

console.log（x）; //出力：{フルーツ： "Apple"}

console.log({ myVariable });この速記を利用して、 myVariableをプロパティとして作成します。

ただし、潜在的な欠点は、崩壊した▶ Objectとして出力を表示するというDevToolsの時折決定であり、値を表示するために拡張を必要とすることです。この動作の正確な基準は不明です。これまたは標準のオブジェクト出力形式が理想的でない場合は、 console.table({ myVariable });より構造化されたプレゼンテーションのため。

以上がconsole.log（{myvariable}）;の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。