Skip to content
Related Articles

Related Articles

Improve Article

JavaScript ReferenceError – Reference to undefined property “x”

  • Last Updated : 24 Jul, 2020

This JavaScript warning reference to undefined property occurs if a script tries to access an object property that doesn’t exist.

Message:

ReferenceError: reference to undefined property "x" (Firefox)

Error Type:

ReferenceError(Only reported by firefox browser)

Cause of the error: The script is trying to access an object property that doesn’t exist. 

Example 1: In this example, the valid property is accessed, So the error has not occurred. 



HTML




<!DOCTYPE html>
<html>
    <head>
        <script src=
        </script>
    </head>
    <body style="text-align: center;">
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
          
<p>
            JavaScript ReferenceError 
            Reference to undefined property
        </p>
  
        <button onclick="Geeks();">
            click here
        </button>
        <p id="GFG_DOWN"></p>
  
        <script>
            var el_down = document.getElementById("GFG_DOWN");
            function GFG() {
                "use strict";
                var AR_GFG = { prop_1: "Val_1" };
                return AR_GFG.prop_1;
            }
            function Geeks() {
                try {
                    GFG();
                    el_down.innerHTML =
                      "'Reference to undefined property'"+
                      " error has not occurred";
                } catch (e) {
                    el_down.innerHTML = 
                      "'Reference to undefined property'"+
                      "error has occurred";
                }
            }
        </script>
    </body>
</html>

Output: 

Example 2: In this example, the undefined property is accessed, So the error has occurred. 

HTML




<!DOCTYPE html>
<html>
    <head>
        <script src=
        </script>
    </head>
    <body style="text-align: center;">
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
          
<p>
            JavaScript ReferenceError 
            Reference to undefined property
        </p>
  
        <button onclick="Geeks();">
            click here
        </button>
        <p id="GFG_DOWN"></p>
  
        <script>
            var el_down = document.getElementById("GFG_DOWN");
            function GFG() {
                "use strict";
                var GFG = {};
                return GFG.prop1;
            }
            function Geeks() {
                try {
                    GFG();
                    el_down.innerHTML = 
                      "'Reference to undefined property'"+
                      "error has not occurred";
                } catch (e) {
                    el_down.innerHTML = 
                      "'Reference to undefined property'"+
                      "error has occurred";
                }
            }
        </script>
    </body>
</html>

Output:




My Personal Notes arrow_drop_up
Recommended Articles
Page :