On mixing `this`, array notation and the module pattern in IE8

Question

My "single page app" is built with code in multiple files, using the "loose augmented module" pattern described by Ben Cherry. Here are two stripped back examples of modules.

Some "data" in one module:

var application = (function ( App ){
    App.usesvar = {
        one: 'one',
        two: 'two',
        three: 'three'
    }
    return App;
}( application || {} ));

A "master" module that represents the app in total and initialises the application:

// the 'master' module
var application = (function ( App ){
    console.log( 'Using `var` (should log "three"): ' + App.usesvar.three );

    return App;
}( application || {} ));

These work as expected. The data is imported to the page first and the master module can access it and prints out the expected values.

A part of my app can't be built this way. Instead some JavaScript is generated by a build step and it's output is like this:

this["application"] = this["application"] || {};
this["application"]["usesthis"] = this["application"]["usesthis"] || {};
this["application"]["usesthis"]["one"] = 'uno';
this["application"]["usesthis"]["two"] = 'dos';
this["application"]["usesthis"]["three"] = 'tres';

Notice it's trying to use the same application namespace as the earlier code and as such, usesthis should be visible to the "master" module, just like usesvar from the first snippet.

Adding console.log( 'Using `this` (should log "tres"): ' + App.usesthis.three ); to the "master" module logs what you would expect in Chrome, Safari Firefox (recent), and IE10. In IE8 (I've not tested IE9 yet), it doesn't. In IE8, the "master" module, doesn't have access to properties declared using the `this['namespace']['property'] notation.

In the examples, please assume the files are loaded in the right order. The actual application also imports the files in the right order. If the example JavaScript is written into an HTML file's <script></script> tags, rather than imported, the problem still occurs.

Disclosure: the this['foo']['bar'] notation is generated by the Handlebars.js pre-compiler, so I don't have as much control over the style of its output. It's a battle-tested bit of code so I'd expect it should work in IE8 and play nice with most other code. My gut feeling is this is not a Handlebars problem, but a scoping issue around the `var foo = (function bar(){}()); pattern.