ReferenceError when calling function

Question

I am getting a reference error while I try to call a object function, and that object function is calling another function.

For example:

I have a function to return an object;

function krPano(){
    return document.getElementById("krObj");
}

Now I have a object literal that contains some helper functions that I want to use. For example:

var contextMenuInfo = {

        getContextMenuCount : function(){
            return KrPano().get("contextmenu").item.count;
        }
}

So in getContextMenuCount func I am using KrPano() to get the object.

Now again there is another function where I call the getContextMenuCount function.

function showDifferentContextMenu(){

    console.log(contextMenuInfo.getContextMenuCount());

}

When I execute this function, I get reference error saying can't find variable KrPano.

Your function is declared as krPano() and you're calling it as KrPano(). Are you sure this typo isn't happening in your code? Function and variable names are case sensitive in javascript. — DontVoteMeDown
– DontVoteMeDown, Commented Oct 14, 2016 at 17:08
i am assuming that KrPano() calling inside the contextMenuInfo is doing something wrong? — Wang'l Pakhrin
– Wang'l Pakhrin, Commented Oct 14, 2016 at 17:10

James Monger · Accepted Answer · 2016-10-14 17:12:58Z

2

Your function is defined as krPano when you're calling it as KrPano.

Do this instead (lowercase k):

return KrPano().get("contextmenu").item.count;

JavaScript is case-sensitive.

answered Oct 14, 2016 at 17:12

James Monger

10.8k9 gold badges65 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1