Discuss / JavaScript / 定义一个变量与函数同名,该执行哪一个?

定义一个变量与函数同名,该执行哪一个?

Topic source

XNOKIA

#1 Created at ... [Delete] [Delete and Lock User]

定义一个abs函数

function abs(x){
    log('这是一个function');
    return x<0?-x:x;
}

同时定义一个变量abs,赋值为一个匿名函数

var abs = function(x){
            log('这是一个匿名function');
            return x<0?-x:x;
        };

情况1: 函数>变量>执行 结果:全是执行变量

情况2:变量>函数>执行 结果:全是执行变量

情况3:执行>函数>变量 结果:全是执行函数

情况4:执行>变量>函数 结果:全是执行函数

情况5: 变量>执行>函数 结果:全是执行变量

情况6: 函数>执行>变量 结果:全是执行函数

情况7:执行>变量>执行>函数>执行 结果:执行函数>变量>变量

情况8:执行>函数>执行>变量>执行 结果:执行函数>函数>变量

  1. 通过1和2,执行语句前找到变量和函数,先执行变量(因为变量提升)
  2. 通过3和4,执行语句后找到变量和函数,先执行函数(因为变量提升)
  3. 通过5和6,执行语句前找到变量或函数,马上执行
  4. 通过7和8,证明前面3个结论

学习了下一节的变量提升,变量无论在哪里定义,总是后提升到函数顶部,赋值为undefined

如果变量在执行语句前已经赋值(非undefined),那么同名的函数和变量会先执行变量,如情况1,2,5 反之会执行函数,如情况3,4,6。

所以,存在变量(赋值为匿名函数)和函数同名的情况,执行顺序取决于变量的赋值顺序(在函数调用的前与后)。

XNOKIA

#2 Created at ... [Delete] [Delete and Lock User]

以上纯属推测,如果哪里不对,请指正,谢谢


  • 1

Reply