JavaScript: "location = URL" と "location.href = URL" の違い

JavaScript では、Web ページの URL を操作することができます。同様の 2 つのアプローチ: location プロパティを直接設定する方法と、location.href プロパティを設定する方法です。機能は同じように見えますが、これら 2 つのメソッドには特定の違いが存在します。

「location」と「location.href」の設定

「location」プロパティは、場所オブジェクト全体を指します。現在の URL のさまざまなコンポーネント (プロトコル、ホスト名、ポート、パス名、検索、ハッシュなど) へのアクセスを提供します。対照的に、「location.href」は完全な URL 文字列そのものを表します。

location = "http://www.stackoverflow.com";

このステートメントは URL 全体を割り当てます。

location.href = "http://www.stackoverflow.com";

このステートメントは、具体的に URL 文字列を、 location object.

どちらの方法を使用するか

「location」と「location.href」のどちらを設定するかの選択は、主に個人の好みによって決まります。一部の開発者は、特に読みやすさが主な関心事ではないシナリオでは、「location」を直接使用する方がより簡潔であると考えるかもしれません。 // または location = "http://www.stackoverflow.com";

window.location = "http://www.stackoverflow.com";
// or
location = "http://www.stackoverflow.com";

実際的な意味

「location」と「location.href」の違いは些細なことのように思えるかもしれませんが、「location」を直接設定すると場所オブジェクト全体に影響を与えるのに対し、「location.href」を設定すると注意することが重要です。 " は href プロパティのみを変更します。この違いは、場所オブジェクトの他のプロパティにアクセスするときに影響を与える可能性があります。

たとえば、「location」を直接設定すると、ホスト名、パス名、検索など、場所オブジェクトのすべてのプロパティが自動的に更新されます。ただし、「location.href」を設定すると、href プロパティのみが変更され、他のプロパティは変更されません。

最終的に、「location」と「location.href」のどちらを使用するかの選択は、スタイルと最適化の問題になります。開発者は、特定のコーディングのニーズと読みやすさの好みに最も適した方法を選択する必要があります。