Có thể hủy cấu trúc thành các biến đã được khai báo không? Trong JavaScript?

Sau đây là đoạn mã để hủy cấu trúc các biến đã được khai báo trong JavaScript -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>De-structure to already-declared variables</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to destructure the personObj object</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let name, age, personObj;
   personObj = {
      name: "Rohan",
      age: 19,
   };
   BtnEle.addEventListener("click", () => {
      ({ name, age } = personObj);
      resEle.innerHTML = " name = " + name + "<br>age = " + age;
   });
</script>
</body>
</html>