Understanding This

thatEqualsThis.js

// Bad
var myObj = {
 
    specialFunction: function () {
 
    },
 
    anotherSpecialFunction: function () {
 
    },
 
    getAsyncData: function (cb) {
        cb();
    },
 
    render: function () {
        var that = this;
        this.getAsyncData(function () {
            that.specialFunction();
            that.anotherSpecialFunction();
        });
    }
};
 
myObj.render();
 
// Good 
var myObj = {
    specialFunction: function () {
        // Statements
        console.log('hello1');
    },
    anotherFunction: function () {
        // Statements
        console.log('hello2');
    },
    getAsyncData: function (cb) {
        // Statements
        console.log('hello3');
        cb();
    },
    render: function () {
        this.getAsyncData(function(){
            this.specialFunction();
            this.anotherFunction();
        }.bind(this));
    }
};
myObj.render();