Is it possible to declare a variable in one javascript file and use it in another one? - Stack Overflow

admin管理员组

文章数量:1302895

If I had one javascript file:

var myVariable = "Awesome variable";

and another javascript file:

function printMyVariable() {
    document.writeln(myVariable);
}

would the printMyVariable method be able to recognize myVariable? My guess in "No", because the myVariable scope isn't recognizable in the second javascript file. So, I was wondering if someone could explain to me what needs to be done to make the magic happen, if possible. :)

Thanks.

If I had one javascript file:

var myVariable = "Awesome variable";

and another javascript file:

function printMyVariable() {
    document.writeln(myVariable);
}

would the printMyVariable method be able to recognize myVariable? My guess in "No", because the myVariable scope isn't recognizable in the second javascript file. So, I was wondering if someone could explain to me what needs to be done to make the magic happen, if possible. :)

Thanks.

• javascript

Share Improve this question Follow asked Dec 17, 2010 at 15:12 BorisBoris 10.3k3535 gold badges113113 silver badges149149 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 5

Yes, as long as the file with the variable declaration is included before the file that uses it since it's all parsed in the same chunk but in order.

This is an exceptionally bad practice though.

It is possible since myVariable will be defined @ global scope though its in a different file. However make sure printMyVariable function is called after the variable is defined (in terms of including the script tags.)

simple

JS has flat scope, there are global¹ and local only. var uses current scope. Let var foo be in global scope -- you will get global variable assessible from any of files (there are no namespaces or modules).

further

There is a Global object, and the global var bees a property of it. In the browser environment window implements Global, so your global var will have qualified name as window.foo.

"redeclaring"

/* 
assuming browser environment
execution flow: top to bottom 
first file: (actually doesnt matter, becase its flat)
*/
var foo = "bar";
// equivalent to 
window.foo = "bar";

// second file:
var foo = 42;
// redeclared? no, because equivalent statement is
window.foo = 42;

¹ illustrative purpose only, see the second part.

As long as you call the function in the second file after you include the first file, you should be fine. You introduce a global variable, which is assigned to the window object in the DOM, so after you include the first file, window.myVariable will be equal to "Awesome variable". As mentioned above, though, all of this is a very bad idea.

As an old perlie, I would never use a variable starting with 'my' as a global variable - my = local in perl :-) I agree it's bad practice.

The way to think of this is not as seperate files, but as one big file of al the JavaScript files concatenated in order. The scope is the same as it would be in that file. Indeed, this is exactly what happens when you minify...

本文标签： Is it possible to declare a variable in one javascript file and use it in another oneStack Overflow