페이지 전체에서 JavaScript 변수 유지

JavaScript에서 변수는 일반적으로 변수가 정의된 페이지로 제한된 범위를 갖습니다. 그러나 한 페이지에서 다른 페이지로 변수에 액세스해야 하는 시나리오가 있을 수 있습니다. 여기에서 변수 유지 개념이 작용합니다.

페이지 전체에서 JavaScript 변수를 유지하는 한 가지 방법은 window.name 속성을 활용하는 것입니다. 이 속성을 사용하면 브라우저 창의 이름 속성 내에 데이터를 문자열로 저장할 수 있습니다. 이 방법을 사용하여 변수를 설정하려면 해당 변수를 window.name 개체에 할당하세요. 예를 들어, 페이지 A:

window.name = "someVar=5";

페이지 B로 이동하면 someVar의 값은 window.name:

var someVar = window.name.split("=")[1]; // returns "5"

그러나 이 접근 방식에는 몇 가지 제한 사항이 있다는 점에 유의하는 것이 중요합니다.

• 데이터를 문자열로만 저장할 수 있으므로 추가 구문 분석이 필요할 수 있습니다.
• 동일한 탐색 컨텍스트(동일한 창/탭) 내에서만 작동합니다.
• 일부 이전 브라우저에서는 데이터 저장에 window.name 사용을 지원하지 않을 수 있습니다.