2

我遇到了一个有趣的测验

function bar() {
    return foo;
    foo = 10;
    function foo() {}
    var foo = '11';
}
alert(typeof bar());

我的解释是这样的（根据控制台这是错误的:)）：

var foo; // global variable
function bar(){
    function foo(){}
    var foo;  //  Here variable foo should override foo function 
    return foo; // (according to me foo should be variable with undefined value) What is going on here, How JavaScript resolve naming order ?
    foo = 10;
    foo = "11";
}

这是我正在阅读的参考资料

在 JavaScript 中，名称以四种基本方式之一进入范围： 1. 语言定义：默认情况下，所有范围都被赋予名称 this 和参数。2. 形参：函数可以具有命名形参，其作用域为该函数的主体。3. 函数声明：这些是函数 foo() {} 的形式。4. 变量声明：采用 var foo 的形式；

他后来引用：

要记住的最重要的特殊情况是名称解析顺序。请记住，名称有四种方式进入给定范围。我在上面列出它们的顺序是它们被解析的顺序。通常，如果一个名称已经定义，它永远不会被另一个同名的属性覆盖。这意味着函数声明优先于变量声明。这并不意味着对该名称的赋值不起作用，只是声明部分将被忽略。

这让我感到困惑，任何人都可以参考上面的例子来简化这个吗？我想知道的要点：

  • 没有var函数内部的变量如何提升？
  • 提升期间是否发生变量覆盖？
4

2 回答 2

3

让我们暂时离开这个功能foo。在函数内，如果在该函数内的任何位置声明了变量，则该声明将移至函数顶部。所以，实际上是这样评价的

function bar() {
    var foo;
    return foo;
    foo = 10;
    foo = '11';
}

但是当你有一个以相同名称声明的函数时，它将优先，并且它的评估类似于此

function bar() {
    var foo = function() {};
    return foo;
    foo = 10;
    foo = '11';
}

这就是您进入function警报框的原因。

于 2014-09-23T06:56:51.980 回答
0

默认情况下，任何不在var函数内部的变量都将成为全局变量。

当您在另一个函数中有一个函数声明时（如您的示例中），它首先被提升，然后是变量声明。

示例来演示变量覆盖。

function bar() {
    var foo = 10;
    function foo() {}
    return foo;
}

bar(); //--> returns 10;

function bar() {
   var foo;
   function foo() {}
   return foo;
}

bar(); //--> returns the function object foo.
于 2014-09-23T07:04:42.157 回答