Unable to access javascript variable from another file

Question

I'm having trouble accessing a globally declared javascript variable that is declared in a separate file. My code:

<script src="scripts/one.js"></script>
<script src="scripts/two.js"></script>

One.js:

var config = {
    form: 'form',
    validate: {
        '#first-name': {
            'validation': 'required',
            'error-msg': 'Required Field'
        },
        // other validation rules
    }
};

Two.js:

    $.validate({
    modules: 'jsconf',
    onModulesLoaded: function () {
        $.setupValidation(config);
    }
});

I receieve the error

Uncaught ReferenceError: config is not defined

on load of the page. Any reason why this would be happening when I am including the scripts in the appropriate order?

@noclist if they're wrapped in the Jquery ready function, then they're only accessible to/in that function. Look at JS scopes — George
– George, Commented Apr 6, 2017 at 13:46

Prashanth Reddy · Accepted Answer · 2017-04-06 13:46:02Z

2

window.yourGlobalVariable

Use window.variable name to get variable between files.

answered Apr 6, 2017 at 13:46

Prashanth Reddy

1972 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

George · Accepted Answer · 2017-04-06 13:50:20Z

0

The problem is because the variable is defined in a function. Either move it outside of the function or use window.varName

var a = 1;

// File 1
$(function() {
  var b = 2;
  window.d = 4;
  console.log(a);
});

// File 2
$(function() {
  var c = 3;
  console.log(a);
  console.log(d);
  console.log(b); // This will throw an error because b is not defined in this scope
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

I suggest you read about JS scopes if you want to learn more.

answered Apr 6, 2017 at 13:50

George

6,7592 gold badges31 silver badges36 bronze badges

Collectives™ on Stack Overflow

Unable to access javascript variable from another file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related