javascript - js代码执行过程

Question

var arg = 1;
function foo(arg) {
    alert(arg);
    var arg = 2;
}
foo(3);

代码如上，求问如果函数里带和全局变量名相同的参数，其执行过程是怎样的？

Answer 1

建立variableObject对象共分三部：
1.建立arguments对象，检查当前上下文中的参数，建立该对象下的属性以及属性值
2.检查当前上下文中的函数声明：
每找到一个函数声明，就在variableObject下面用函数名建立一个属性，属性值就是指向该函数在内存中的地址的一个引用
如果上述函数名已经存在于variableObject下，那么对应的属性值会被新的引用所覆盖。
3.检查当前上下文中的变量声明：
每找到一个变量的声明，就在variableObject下，用变量名建立一个属性，属性值为undefined。
如果该变量名已经存在于variableObject属性中，直接跳过(防止指向函数的属性的值被变量属性覆盖为undefined)，原属性值不会被修改。

针对你的问题：arg在第一步的时候放入变量对象中，所以函数内部的arg是不生效的。
建议你看一下这篇文章你就懂了：http://blogread.cn/it/article/6178

Answer 2

你的代码

var arg = 1;
function foo(arg) {
    alert(arg);
    var arg = 2;
}
foo(3);

你代码的实际效果

var arg = 1;
function foo(arg) {
    var arg;
    alert(arg);
    arg = 2;
}
foo(3);

这是因为你在函数域里定义一个和外部变量一样名称的变量时，变量的声明会提升至第一句，赋值则不会变。
而且原型链在函数内找到变量，就不会继续向上寻找了。

所以在foo(3)时候，arg还是undefined。而且在函数体内找到了arg，就不会去找外面的arg了。所以var arg = 1是无效的。

和你差不多的问题，我的回答。

Answer 3

arg在function作用域里发生变量提升，所以结果是undefined，如果没有alert后面的赋值语句，结果就是参数arg

Answer 4

你那个函数里面的执行顺序是这样的:

var  arg;
alert(arg);
arg=2;

如果你改为

function foo(){
        alert(arg);
        arg=2;
}

它的执行顺序就是:

arg=1//函数内没有arg的声明，就跑到函数外找，一直找到全局变量
alert(arg)//1
arg=2

Answer 5

早上看到的邀请回答，楼上答的都差不多了。如果你想细致的学习javascript 了解你问的问题，给你推荐本书《JAVASCRIPT语言精髓与编程实践》