javascript - Javascript函数参数参数或全局变量

Question

var x=10;
function foo(){
    x=120;
    alert(arguments[0]); //outputs 10
}
foo(x);

我如何知道x我在函数内使用的是参数还是全局变量？在代码中

如果我提供了这个

function foo(x){
    x=120;
    console.log(arguments[0]);//logs 120
}
foo(x);

这两个代码有什么区别，幕后发生了什么以及参数数组是如何改变的？

Answer 1

var x=10; // this is variable of window namespace
  function foo(x){ 
// It will make variable of this functions. Every function make its own namespace. 
// So now you have x in local namespace, so you can't touch x from global 
// namespace, becouse you gave them same names. With for example function foo(a), 
// global x would be still accessible. 

          x=120; 
// Here, you change value of x. Program will ask the deepest namespace if there
// is any x variable. If not, it will continue upper and upper. Right now,
// we have local x variable, so it will change value of local variable, which
// will extinct at the end of our function. The most upper namespace is global
// namespace. One more deeper is window namespace. 

          alert(arguments[0]);
// arguments is Array, which every function has as its property. Via arguments,
// you can touch every argument, that is passed to function. Later, I will
// show you an example
        }
  foo(12);
// finaly here, you call function foo and you set local x = 12. But then,
// you rewrite local x, so it is 120. After all, you alert first argument,
// which is local x, which is 120. 

现在进行修改：

var x=10;
    function foo(a){ // now we have different name for local variable
        x=120; // so our x is x from window namespace
        alert(arguments[0]); // now output is a, which will be 12
        alert(x); // and x is 120
    }
foo(12);
alert(x); // x will be still 120... 

不同的故事与论据

var x=10;
    function foo(){ // we didnt declare any local variable
        x=120; // so our x is x from window namespace again
        alert(arguments[0]); 
        // output is 12, becouse we can touch arguments via 
        // arguments array, even if we didnt declare any local variables
    }
foo(12);

基本上，参数函数属性允许我们做黑魔法。它使代码难以理解，但它非常强大。很少，使用它们是个好主意。明智地使用它们...

参数和局部变量指向内存中的相同位置。所以改变一个会立即改变另一个。

Answer 2

我如何知道函数内使用的 xim 是参数还是全局变量？

通过检查函数的参数列表。如果它提到这样的参数x：

function foo(x) {

那么你知道这x是一个参数。它是 的别名（另一个名称）arguments[0]，因为它是第一个参数。该arguments对象不是真正的数组。它具有名称为数字的属性，并且具有长度属性，因此它看起来像一个数组，但它缺少数组的其他特性。

您可以将其arguments视为函数调用中传递的值的最终存储。参数名称是获取存储在arguments.

如果您的功能开始：

function foo() {

那么它没有参数。您在函数内引用的任何内容都必须是以另一种方式定义的值。它可以是函数内部声明的局部变量：

function foo() {
    var x = 10;

或者它可以引用在您的函数之外声明的名称：

var x;

function foo() {
    x = 10;

在没有“严格模式”的 JavaScript 中，可以说：

function foo() {
    x = 10;

无需在var x任何地方声明。结果将是 x 将被创建为全局变量（或全局对象的属性，例如在它将创建的浏览器中window.x）这是一个很大的错误来源，因为您可能拼错变量名称而没有注意到您正在分配值到一个不存在的变量。