Is it possible to namespace a JavaScript file inserted dynamically?

I know that I can dynamically include a JavaScript file by creating a script tag and insert it into the DOM, but can this included file be namespaced? So, if the file has a function called bar, I would want access it through a namespace, say foo: i.e. foo.bar().

Is it possible to namespace a JavaScript file inserted dynamically?

I know that I can dynamically include a JavaScript file by creating a script tag and insert it into the DOM, but can this included file be namespaced? So, if the file has a function called bar, I would want access it through a namespace, say foo: i.e. foo.bar().

• javascript
• namespaces
• javascript-namespaces

Share Improve this question Follow edited Jun 15, 2012 at 15:03 Tim Abell 11.9k99 gold badges8888 silver badges113113 bronze badges asked Aug 14, 2011 at 9:35 William NiuWilliam Niu 15.9k88 gold badges5757 silver badges9393 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Yes, CommonJS Modules/1.1 specifies only one way of doing it.

I've used it only with Node.js on server side, but I believe there are other libraries created to work with browser that are CommonJS pliant. Beware that there are multiple module specifications for server/browser (didn't dig into that yet).

Modules are written just like any other piece of javascript, the only addition is you export what you want to expose:

module.exports.bar = Bar;

function Bar() {
 // code
}

And the usage:

var foo = require('mymodule');

foo.bar();

What is actually done in the background, the whole code is wrapped into another function and exports are its properties.

Also, Michael Bolin talked about similar problem in his talk about 'with' keyword at JSConf.

If you mean to add a namespace to everything that is defined in that file while loading it dynamically, without modifying the file itself, the answer is no.