What is the best approach for exposing a global variable from an MVC Layout Master to a child view.

Here's the flow:

Layout:

var myPlugin = $("#myPlugiv").MyPlugin();

Child View:

var returnValue = myPlugin.GetValue();

This obviously works since the myPluin variable is visible to the child view, but is there another recommended pattern for sharing global values between Master Layout and the child view?

• javascript
• asp.net-mvc

You could always organize them into a namespace to limit the number of globally scoped variables. Something like:

window.ViewModel = {
    myPlugin: $('#myPlugin').MyPlugin()
};

var returnValue = ViewModel.myPlugin.GetValue();