Sprawdź, czy obiekt istnieje w JavaScript

Jest tu wiele półprawd, więc pomyślałem, że coś wyjaśnię.

W rzeczywistości nie można dokładnie stwierdzić, czy zmienna istnieje (chyba że chcesz zawinąć co drugą linię w blok try-catch).

Powodem jest to, że Javascript ma notoryczną wartość undefined, co nie oznacza, że zmienna nie jest zdefiniowana lub że nie istnieje undefined !== not defined

var a;
alert(typeof a); // undefined (declared without a value)
alert(typeof b); // undefined (not declared)

Więc zarówno zmienna, która istnieje, jak i inna, która nie może zgłosić ci undefined Typ.

Co do błędnego przekonania @ Kevina, null == undefined. Wynika to z przymusu typu i jest to główny powód, dla którego Crockford mówi wszystkim, którzy nie są pewni tego typu rzeczy, aby zawsze używali ścisłego operatora równości === do testowania możliwych fałszywych wartości. Daje Ci to, czego możesz się spodziewać. Należy również pamiętać, że foo != null może być skutecznym sposobem sprawdzenia, czy zmienna nie jest ani undefined, ani null. Oczywiście możesz być wyraźny, ponieważ może to pomóc w czytelności.

Jeśli ograniczysz pytanie o sprawdzenie, czy obiekt istnieje, typeof o == "object" może być dobrym pomysłem, chyba że nie rozważasz obiektów tablic, ponieważ będzie to również typ object, który może cię nieco zdezorientować. Nie wspominając o tym, że typeof null da Ci również object, co jest po prostu złe.

Pierwotny obszar, w którym naprawdę należy uważać na typeof, undefined, null, unknown a inne Misteria są obiektami żywicielskimi. Nie można im ufać. Mogą robić prawie każdą brudną rzecz, jaką chcą. Więc bądź uważaj na nich, sprawdź funkcjonalność, jeśli możesz, ponieważ jest to jedyny bezpieczny sposób korzystania z funkcji, która może nawet nie istnieć.

Możesz użyć:

if (typeof objectName == 'object') {
    //do something
}

Na dwa sposoby.

Typeof dla zmiennych lokalnych

Możesz przetestować obiekt lokalny używając typeof:

if (object !== "undefined") {}

Okno zmiennych globalnych

Możesz przetestować globalny obiekt (taki zdefiniowany na globalnym zasięgu), sprawdzając obiekt window:

if (window.FormData) {}

Jeśli jest to obiekt globalny, możesz użyć if (!window.maybeObject)

Możesz użyć "typeof".

if(typeof maybeObject != "undefined")
    alert("GOT HERE");

Kiedyś robiłem if(maybeObject) jako sprawdzanie null w skryptach javascripts.

if(maybeObject){
    alert("GOT HERE");
}

Więc tylko jeśli maybeObject - jest obiektem, alert zostanie wyświetlony. Mam przykład na mojej stronie.

Https://sites.google.com/site/javaerrorsandsolutions/home/javascript-dynamic-checkboxes

Właśnie przetestowałem Typ przykładów z góry i żaden mi nie zadziałał, więc zamiast tego użyłem tego:

    btnAdd = document.getElementById("elementNotLoadedYet");
    if (btnAdd != null) {
       btnAdd.textContent = "Some text here";
    } else {
      alert("not detected!");
    }

Oprócz sprawdzania istnienia obiektu / zmiennej możesz podać wynik "najgorszy przypadek" lub przynajmniej uwięzić go w alercie, aby nie pozostał niezauważony.

Przykład funkcji sprawdzającej, zapewniającej alternatywę i wychwytywającej błędy.

function fillForm(obj) {
  try {
    var output;
    output = (typeof obj !== 'undefined') ? obj : '';
    return (output);
  } 
  catch (err) {
    // If an error was thrown, sent it as an alert
    // to help with debugging any problems
    alert(err.toString());
    // If the obj doesn't exist or it's empty 
    // I want to fill the form with ""
    return ('');
  } // catch End
} // fillForm End

Stworzyłem to również dlatego, że obiekt, który do niego przekazywałem, może być x, x. m, x.M [z] i typeof x. m[z] zawiedzie z błędem, jeśli x.M nie istnieje.

Ustaw wartość pola tekstowego na jedną ramkę do ramki wbudowanej za pomocą panelu z kartami div alignmnt. Więc przede wszystkim, przed ustawieniem wartości musimy sprawdzić wybrane panele tabbed ramki dostępne lub nie za pomocą następujących kodów:

Kod Javascript:

/////////////////////////////////////////
<script>

function set_TextID()
            {
                try
                    {
                        if(!parent.frames["entry"])
                            {
                            alert("Frame object not found");    
                            }
                            else
                            {
                                var setText=document.getElementById("formx").value;
                                parent.frames["entry"].document.getElementById("form_id").value=setText;
                            }
                            if(!parent.frames["education"])
                            {
                            alert("Frame object not found");    

                            }
                            else
                            {
                                var setText=document.getElementById("formx").value;
                                parent.frames["education"].document.getElementById("form_id").value=setText;
                            }
                            if(!parent.frames["contact"])
                            {
                            alert("Frame object not found");    

                            }
                            else
                            {
                                var setText=document.getElementById("formx").value;
                                parent.frames["contact"].document.getElementById("form_id").value=setText;
                            }

                        }catch(exception){}
                }

</script>

if (n === Object(n)) {
   // code
}

Dla mnie to zadziałało:

if(document.getElementsByClassName("classname").length != 0 ){
   alert("classname exist");
}

Możesz użyć operatora ! dwa razy !!:

if (!!maybeObject)
  alert("maybeObject exists");

Lub raz ! dla nie istnieje:

if (!maybeObject)
  alert("maybeObject does not exist");

Co to jest ?! (Nie Nie) operator w JavaScript?

if (maybeObject !== undefined)
  alert("Got here!");

Think it ' s easiest like this

if(myobject_or_myvar)
    alert('it exists');
else
   alert("what the hell you'll talking about");

Lub wszyscy możecie zacząć używać mojej ekskluzywnej metody exists () i być w stanie robić rzeczy uważane za niemożliwe. tj.:

Rzeczy takie jak: exists("blabla"), lub nawet: exists("foreignObject.guessedProperty.guessNext.propertyNeeded") są również możliwe...