[javascript] window opner

window.open()을 이용하여 새 창을 열시 return값으로 window 객체를 받게 된다.

이 window 객체를 변수에 할당하면 기존 창에서 새 창의 window객체에 간섭할 수 있다.

/// 기존창
const newWindow = window.open();
newWindow.A = 3;

//새창
console.log(A); // 3

반대로 새 창에서 window.opener를 통하여 기존 창에 간섭할 수 있다.

//새창
window.opener.B = 4;

//기존창
console.log(window.B); // 4

새창을 열고 데이터를 주고받고 싶을 때 위와 같은 로직을 이용하면 데이터를 주고받을 수 있다.