Lỗi TypeError: 'undefined' is not an object (Safari)

Lỗi TypeError: 'undefined' is not an object xảy ra khi truy cập property hoặc gọi method trên giá trị undefined. Thông báo này đặc trưng của **Safari** (Chrome báo Cannot read property 'x' of undefined).

Ví dụ

Biến person khai báo nhưng không gán giá trị (undefined), rồi truy cập person.name:

<!DOCTYPE html>
<html lang="vi">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>TypeError undefined not object</title>
  <style>
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
    .result { font-size: 18px; font-weight: 500; color: blueviolet; }
  </style>
</head>
<body>
  <h1>TypeError: 'undefined' is not an object</h1>
  <div class="result"></div>
  <br />
  <button class="Btn">GÂY LỖI</button>
  <h3>Nhấn nút để truy cập person.name (person là undefined)</h3>
  <script>
    const resEle = document.querySelector('.result');
    const btn = document.querySelector('.Btn');
    let person; // undefined
    btn.addEventListener('click', () => {
      try {
        alert(person.name); // Gây lỗi
      } catch (err) {
        resEle.textContent = `Bắt lỗi: ${err.message}`;
      }
    });
  </script>
</body>
</html>

Kết quả

Safari hiển thị: TypeError: 'undefined' is not an object (evaluating 'person.name'). Chrome: Cannot read properties of undefined (reading 'name').

Phòng tránh: Kiểm tra if (person) hoặc ?. (optional chaining): person?.name.