Tôi có thể xác minh xem một biến JavaScript có được tải hay không, nếu có, bằng cách nào?

Để xác minh xem một biến JavaScript đã được tải hay chưa, chúng tôi có thể kiểm tra xem nó có phải là không xác định hay có giá trị rỗng hay không bằng cách so sánh cho cả hai giá trị. Chúng ta cũng có thể sử dụng typeof () vì nó luôn trả về chuỗi để biết liệu biến đã được tải hay chưa.

Sau đây là mã để xác minh xem một biến JavaScript đã được tải hay chưa -

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: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Check if a variable is loaded or not</h1>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to see if the object obj has been loaded or not
</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let obj;
   BtnEle.addEventListener("click", () => {
      if (obj === null || obj === undefined) {
         resEle.innerHTML = "The object obj hasn't loaded yet";
         obj = { firstName: "Rohan", lastName: "Sharma" };
      }
      else {
         resEle.innerHTML = "The object obj has been loaded";
      }
   });
</script>
</body>
</html>