URL コンストラクターがクエリ文字列のかっこをエンコードしないのはなぜですか?

Question

<p>JavaScript では、<code>URL</code> コンストラクターは、クエリ文字列に出現する角かっこや括弧をエンコードしませんが、<code>encodeURI</code> または <code>encodeURIComponent</ code> は常にそれらをエンコードします。ほとんどのソースでは、特殊文字がクエリ パラメーターに含まれる場合、<code>encodeURI</code>/<code>encodeURIComponent</code> を使用してエンコードすると記載されているため、これは私を混乱させます。 <code>URL</code> オブジェクトでも同様の動作が期待されました。 </p> <p>URL オブジェクトのクエリ パラメーターがどのようにエンコードされるかわからないため、単体テストを作成する際に問題が発生します。これを規定する仕様はありますか、それとも <code>URL</code> コンストラクターを使用する前にパラメーターを常にエンコードする必要がありますか?助けてくれてありがとう。 </p>

---

<p>クエリ文字列内の括弧をエンコードしていない URL オブジェクトを示す例</p> <pre class="brush:js;toolbar:false;">const href = (新しい URL('https://foobar.com?myQuery={"@asdf/asdf":"1234"}' )).href; // ^ https://foobar.com/?myQuery={"@asdf/asdf":"1234"} </pre> <p><code>encodeURI</code> を使用する場合、唯一の違いは括弧がエンコードされることです</p> <pre class="brush:js;toolbar:false;">const href = encodeURI('https://foobar.com?myQuery={"@asdf/asdf":"1234"}'); // ^ https://foobar.com?myQuery={"@asdf/asdf":"1234"} </pre>

---

<p>注: クエリ パラメータに括弧が含まれていない場合、URL オブジェクトは括弧をエンコードします。 </p> <pre class="brush:js;toolbar:false;">const href = (new URL('https://foobar.com/}}}?myQuery={"@asdf/asdf":" 1234"}')).href; // ^ https://foobar.com/}}}?myQuery={"@asdf/asdf":"1234"} </pre></p>

Answer 1

可能なエンコーディングは複数ありますが、それらはすべて同じ URL として解釈されるはずなので、技術的に間違っているものはありません。別の例としては、パーセント エンコードでは大文字または小文字 (� または �) を使用でき、ドメイン名は大文字と小文字が区別されず、スペースは としてエンコードできます。または (一部の部分)。

URL エンコードの特定の実装を単体テストする場合は、文字列の照合を実行できますが、エンコード方法に関係なく 2 つの URL が同じかどうかを知りたい場合は、最初に「」という手順を実行する必要があります。正規化」操作を行ってから比較します。