Question

var Page = {
    data: null,
    Load: function () {
        this.Populate;
    },
    Populate: function () {
    }
};

$(document).ready(Page.Load);

1. Why can’t I reference Page.Load as a function in ready() eg .ready(Page.Load())
2. Why can’t I call this.Populate() from the Load function, I just get this.Populate() is not a function.

Answer 1

There are two problems in your code.

First, as Rob says, you’re not actually calling the Populate() method in Load(). You need to add parenthesis to do that.

Second, the this keyword in Populate() does not refer to the Page object. You can use $.proxy() to set the Page object as the context of the method call:

var Page = {
    data: null,
    Load: function() {
        this.Populate();
    },
    Populate: function() {
    }
};

$(document).ready($.proxy(Page.Load, Page));