ホームページ  >  記事  >  ウェブフロントエンド  >  Google Chrome で `console.log` でバックティックを使用すると `[\'1\', raw: Array[1]]` の出力が生成されるのはなぜですか?

Google Chrome で `console.log` でバックティックを使用すると `[\'1\', raw: Array[1]]` の出力が生成されるのはなぜですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-26 13:36:14249ブラウズ

Why Does Using Backticks with `console.log` Produce a `[

JS の謎: バックティック (…) 関数の呼び出し

Google Chrome で console.log1 を実行すると、console.log1 のような出力が表示されます。 ["1", raw: Array[1]]` が生成され、関数呼び出しにおけるバックティックの謎めいた動作についての疑問が生じます

この謎を解明するために、ES-6 タグ付きテンプレートの世界を詳しく調べます。これらの関数は、テンプレート文字列の解析された値と個別の値を受け入れ、カスタムの後処理を可能にします。 console.log1 の場合、タグ付け関数には値「1」が渡され、["1", raw: Array[1]]` として追加され、その後出力されます。

舞台裏, Babel は、タグ付きの値を console.log に渡す前に、ES-6 コードをブラウザーが受け入れられる形式にトランスパイルします。このプロセスには次のトランスパイルが含まれます。

_taggedTemplateLiteralLoose( ["1"], ["1"] );

このトランスパイルの結果は console.log に渡され、「1」と raw の両方の存在を説明する配列が出力されます: Array[1]。

以上がGoogle Chrome で `console.log` でバックティックを使用すると `[\'1\', raw: Array[1]]` の出力が生成されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。