예를 들어, 다음과 같이 beforeunload 이벤트를 사용하여 객체 파괴를 감지할 수 있습니다.

class MyClass {
  constructor() {
    window.addEventListener('beforeunload', this.handleUnload);
  }

  handleUnload(event) {
    // 객체 파괴 시 처리할 로직을 작성합니다.
    // 예: 서버에 로그를 기록하거나 세션을 삭제하는 등의 작업
    console.log('객체가 파괴되었습니다.');
  }

  // 객체에 대한 다른 메소드와 속성들을 작성합니다.
}

const myObject = new MyClass();

위의 예시에서 MyClass는 객체가 생성될 때 beforeunload 이벤트를 감지하도록 등록되어 있습니다. 이벤트가 발생하면 handleUnload 메소드가 실행되어 객체 파괴 시 원하는 로직을 처리할 수 있습니다.

주의해야 할 점은 beforeunload 이벤트에서는 경고 메시지를 표시할 수 있다는 점입니다. 이는 사용자가 페이지를 나가거나 새로고침할 때 발생하며, 경고 메시지를 제공하기 위해 event.returnValue를 설정해야 합니다. 하지만 이는 사용자 경험을 해칠 수 있고, 일부 브라우저에서는 작동하지 않을 수도 있으므로, 신중하게 사용해야 합니다.

더 자세한 정보는 다음 링크를 참고하시기 바랍니다.

• MDN Web Docs - beforeunload

#자바스크립트 #이벤트