javascript - How to set result of function as global variable - Stack Overflow

admin管理员组

文章数量:1344302

I'm sure this is really simple and I'm drawing a giant blank, but how do you set the result of a function as a global variable?

Example, I want to set the first "color" in array "colors" as global variable "color" (I know the example doesn't make much practical sense, but it's just to illustrate my question):

var color = "";

function selectColor () {
    var colors = ["blue","red","green","yellow"];
    var color = colors[0];
    return color;
}

window.onload = function () {
    selectColor ();
    alert(color);
}

I'm sure this is really simple and I'm drawing a giant blank, but how do you set the result of a function as a global variable?

Example, I want to set the first "color" in array "colors" as global variable "color" (I know the example doesn't make much practical sense, but it's just to illustrate my question):

var color = "";

function selectColor () {
    var colors = ["blue","red","green","yellow"];
    var color = colors[0];
    return color;
}

window.onload = function () {
    selectColor ();
    alert(color);
}

• javascript
• global-variables

Share Improve this question Follow asked Mar 25, 2010 at 15:09 ChoyChoy 2,1171111 gold badges3939 silver badges4949 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

It should work for you if you remove the var declaration from color in the selectColor() function, like this:

var color = "";

function selectColor () {
    var colors = ["blue","red","green","yellow"];
    color = colors[0];
    return color;
}

window.onload = function () {
    selectColor ();
    alert(color);
}

var color = "";

function selectColor() {
    var colors = ["blue","red","green","yellow"];
    var color = colors[0];
    return color;
}

window.onload = function() {
    color = selectColor();
    alert(color);
}

Answering to your question:

var color = "";

function selectColor () {
    var colors = ["blue","red","green","yellow"];
    color = colors[0];
}

window.onload = function () {
    selectColor ();
    alert(color);
}

• The var keyword creates a local variable inside selectColor(); you don't want that.
• The return statement is not necessary; you don't capture it.

In any case, in this exact example it'd be cleaner to do this:

var color = "";

function selectColor () {
    var colors = ["blue","red","green","yellow"];
    return colors[0];
}

window.onload = function () {
    color = selectColor ();
    alert(color);
}

本文标签： javascriptHow to set result of function as global variableStack Overflow