首页 > js代码执行过程

js代码执行过程

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

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


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


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

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


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


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

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

如果你改为

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

它的执行顺序就是:

arg=1//函数内没有arg的声明,就跑到函数外找,一直找到全局变量
alert(arg)//1
arg=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是无效的。

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

【热门文章】
【热门文章】