Question

Here is a simplified version of my JS:

var myObject = function() {
    return {
        functionOne: function() {
            //some other logic here
        },
        functionTwo: function() {
            var self = this;
            //some logic here
            //then call functionOne
            self.functionOne();
        }
    };
}

Then I have this in the body of my html:

<a href="#" onclick="myObject.functionTwo()">click me</a>

Why do I get the error Uncaught TypeError: Object [some url] has no method ‘functionOne’, when I click the link?

Answer 1

The error that you’re seeing doesn’t reflect the example code you’ve shown.

That said, in the way that you’re using the code, you should be able to reduce it to simply:

var myObject = {
    functionOne: function() {
    },
    functionTwo: function() {
        this.functionOne();
    }
}