嵌套块作用域中的函数声明

Question

嵌套块作用域中的函数声明

4

与此参考资料相同，函数声明语句和变量声明不具有块级作用域。因此，我想知道下面的代码为什么会以这种方式执行。

    //javascript es6
    {
        function bar() {
            console.log("1");
        }
    }
    function bar() {
        console.log("2");
    }

    bar(); //prints "1" not "2"
    this.bar() //also prints "1" not "2"

我知道的是上面的代码应该考虑全局作用域中的两个函数，但似乎函数声明受块级作用域的影响。

- Kirollos Nasr

2

this.bar() 在 FF 中触发错误（包括 window.bar()）（“_TypeError：this.bar不是一个函数_”）。 - Teemu

它在我使用的谷歌浏览器最新版本上运行良好。 - Kirollos Nasr

3

复杂：ES6中块级函数的确切语义是什么？ - Felix Kling

2个回答

1

看起来这个问题是由于javascript提升引起的。据我所知，将函数声明在块作用域内会改变它提升的方式。在这里阅读更多信息：https://www.w3schools.com/js/js_hoisting.asp

- Strike Eagle

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dokt · Accepted Answer

基本上，函数声明会在代码执行之前运行。让我尝试更清楚地表述一下。

首先让我们将函数重命名为这个，这样我可以更好地解释它是如何工作的：

    {
        function bar() {
            console.log("1");
        }
    }
    function foo() {
        console.log("2");
    }

你的编译器会扫描你的js文件，并看到有一个函数声明，即foo函数（忽略括号内的函数）。然后像通常一样运行js文件，进入括号并看到另一个函数声明（bar()函数），该函数在foo()函数之后声明。因此，基本上你会得到以下结果：

bar() // returns "2"

{
    function bar() {
        console.log("1")
    }
}
bar() // returns "1"

function bar() {
    console.log("2")
}

bar() // returns "1"

我希望您能理解。

如需更多信息，请尝试查找函数表达式与函数声明的区别，并了解JavaScript编译器的工作原理，这将使您更好地理解变量提升的工作原理。