JavaScript: "location = URL"과 "location.href = URL"의 차이점

JavaScript에서 웹페이지의 URL을 조작하는 방법은 다음과 같습니다. 두 가지 유사한 접근 방식: 위치 속성을 직접 설정하거나 location.href 속성을 설정합니다. 기능은 동일해 보일 수 있지만 이 두 방법 사이에는 특정한 차이가 있습니다.

"location" 설정과 "location.href" 비교

"location" 속성은 전체 위치 개체를 참조합니다. 현재 URL의 다양한 구성요소(예: 프로토콜, 호스트 이름, 포트, 경로 이름, 검색, 해시)에 대한 액세스를 제공합니다. 이와 대조적으로 "location.href"는 전체 URL 문자열 자체를 나타냅니다.

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

이 문은 전체 URL을 할당합니다. 문자열을 위치 속성에 추가합니다.

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

이 문은 구체적으로 할당합니다. 위치 개체의 href 속성에 대한 URL 문자열입니다.

두 가지 방법 중 하나를 사용하는 경우

'location' 또는 'location.href' 설정 중에서 선택하는 것은 주로 개인 취향에 따라 다릅니다. 일부 개발자는 특히 가독성이 주요 관심사가 아닌 시나리오에서 "위치"를 직접 사용하는 것이 더 간결하다고 생각할 수 있습니다.

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

기능 측면에서 두 가지 방법 모두 웹 초창기부터 JavaScript에서 지원되어 대부분의 브라우저에서 호환성을 보장합니다.

실용적 의미

"location"과 "location.href"의 차이가 사소해 보일 수 있지만 "location"을 직접 설정하면 전체 위치 개체에 영향을 미친다는 점에 유의하는 것이 중요합니다. "location.href"를 설정하면 href 속성만 수정됩니다. 이 차이는 위치 개체의 다른 속성에 액세스할 때 영향을 미칠 수 있습니다.

예를 들어 "위치"를 직접 설정하면 호스트 이름, 경로 이름 및 검색을 포함하여 위치 개체의 모든 속성이 자동으로 업데이트됩니다. 그러나 "location.href"를 설정하면 href 속성만 변경되고 다른 속성은 변경되지 않습니다.

결국 "location"을 사용할지 "location.href"를 사용할지 선택하는 것은 스타일과 최적화의 문제입니다. 개발자는 특정 코딩 요구 사항과 가독성 선호도에 가장 적합한 방법을 선택해야 합니다.