Question

So I’ve got an object, or array, declared at the beginning of anything, outside everything:

var Thing = {title:'horse'};

Then I’ve got:-

$('.clickedIt').fadeOut(200, function() { console.log(Thing.title); }

That will fail. However, if I place above that same console log out of fadeOut, it’ll be fine.

Answer 1

If you want something to be global, just define it on the window Object.

window.Thing = { title: 'horse '};

Then use it like so:

$( '.clickedIt' ).fadeOut(200, function() { 
    console.log( window.Thing.title ); 
});

Just a note, putting a number of variables on the window Object is not recommended, I would recommend looking into name-spacing: http://addyosmani.com/blog/essential-js-namespacing/

Here is an example:

//simple JavaScript module
( function( window ) {
    //define your applications root namespace
    window.myApp = {
        Thing: { title: 'horse '}
    };
})( window );

//jQuery ready function
$( function() {
    $( '.clickedIt' ).fadeOut( 200, function() { 
        console.log( myApp.Thing.title ); 
    });
});