javascript - 在函数内设置全局变量

时间:2014-12-24 19:39:22

标签: javascript parameters scope

我正在尝试创建一个函数,该函数将动态设置作为参数传递的全局变量的值。它不起作用,我试图找出原因。有人可以解释为什么这不起作用:

var things = 5;

function setup(variable) {
    variable = 7;
}

setup(things);

console.log(things); //should return 7. returns 5 instead. the function had no effect on the global variable

这也不起作用:

var things = 5;

function setup(variable) {
    window.variable = 7;
}

setup(things);

console.log(things); //should return 7, but returns 5. still not accessing the global variable.

但这样做:

var things = 5;

function setup(variable) {
    window[variable] = 7;
}

setup("things");

console.log(things); //returns 7

我怀疑发生的事情是参数variable被设置为函数内部的局部变量,因此任何更改只发生在本地版本中。但这看起来很奇怪,因为传递的参数是一个全局变量。有人可以向我解释发生了什么以及如何更好地编写此代码?这是否需要一个方法(然后可以使用this来访问原始对象)?

谢谢!

3 个答案:

答案 0 :(得分:1)

Javascript是按值传递的。 (对象,数组和其他非基元通过引用值传递。)这意味着变量(或引用)的值传递给函数,但函数参数不会成为实际的别名论点。因此,您无法在不引用函数的情况下更改函数外部的变量(就像您在上一个示例中所做的那样)。

有关详细信息,请参阅this answer in another thread

答案 1 :(得分:1)

功能内部是"可变环境"。声明函数设置并设置参数变量后,它会在variable(参数)的设置变量环境中创建一个局部变量。

这就是为什么这个作业

function setup(variable) {
 variable = 7;
}

永远不会更改发送给变量的值。

JavaScript中的变量是值。当变量被传递时,唯一传递的是变量的值。但是,变量的值将分配给参数(在此示例中再次命名不佳)variable。当参数的值被赋值为7时,它只会更改局部变量,而不会更改传递的变量的值。

//the value of things is 5
var things = 5;

//the passed value 5 is assigned to variable
function setup(variable) {
  //the value of variable is changed to 7 (and nothing is done with 5)
  variable = 7;
}

//the value of things is sent to setup
setup(things);

希望这会更具启发性。考虑setup实际上修改变量值的情况。一个很好的例子是当值具有状态时,例如数组或对象。

//the value of things this time is an object
var things = {};

//the passed value of object is assigned to variable
function setup(variable){
 //the value of variable (the object) has a property added named msg with a value of "hello world"
 variable.msg = "hello world";
}

//the value of things (an object) is sent to setup
setup(things);
alert(things.msg);//hello world

答案 2 :(得分:0)

当变量作为参数传递给函数时,会复制它们的值并将其赋值给函数中参数的名称。

例如:

function foo(a) {
    a = 7; // sets the temporary variable(argument) a to 7
}

var bar = 24; 
foo(bar); // copies bar's value and passes in the copy to foo

对于一个自己修改变量的函数,你必须以另一种方式访问​​它。在其他语言中,有一些称为指针的东西指向内存中的一个位置。这允许您直接修改变量,就像它们所在的位置一样 - 您可以使用JavaScript模拟它:

var spam = 3;
var memory = ["bar", 29, "x", foo, false];

function foo(a) {
    memory[a] = 7;
}

foo(3);

上面的例子设置了一个名为memory的数组,并用随机乱码填充它。然后,创建一个名为foo的函数,允许修改此内存数组中的元素。