JSFiddle - React, Tailwind, and code Playground

by joshrivers

JavaScript

var outerObj = {
    myName: 'outer',
    outerFunction: function() {

        // provide a reference to outerObj through innerFunction's closure
        var self = this;

        var innerObj = {
            myName: 'inner',
            innerFunction: function() {
                $('<p>').text(self.myName + ' ' + this.myName).appendTo('body'); // logs 'outer inner'
            }
        };

        innerObj.innerFunction();

        $('<p>').text(self.myName + ' ' + this.myName).appendTo('body'); // logs 'outer'
    }
};

outerObj.outerFunction();