请教一个预编译的问题

[kuanng]

网上说预编译的最后一步几乎都是：找到函数声明，将函数名当作 AO 对象的属性，对应属性的值为函数体。

按照这样的理解，下面的调用 bar 肯定是成功的。

function foo() {
  bar() 
  function bar() {}
}

foo()

稍微修改一下。

function foo() {
  bar() //bar is not a function
  {
    function bar() {}
  }
}

foo()

如上所示，bar 的值不是一个 function，而是 undefined。

为什么 bar 是 undefined ？

如果是作用域的问题，那么下面代码为什么运行成功

function foo() {
  {
     function bar() {}
  }
  bar()
}

foo()

[littlewing]

是不是作用域的问题？

[secondwtq]

这跟预编译有什么关系么 ...

[kuanng]

@secondwtq 那请教一下是什么问题呢？

[bestie]

你这是作用域的问题。。和预编译有啥关系

[kuanng]

@littlewing 如果是作用域的问题，那么下面这段代码也一定是错的
function foo() {
{
function bar() {}
}
bar()
}

foo()
但是它却是运行成功的

[VDimos]

脚本语言哪来编译一说

[autoxbc]

对于已经实现 ES6 的浏览器，在块级作用域中的函数声明是有些混乱的，具体可以看教程

https://es6.ruanyifeng.com/#docs/let#%E5%9D%97%E7%BA%A7%E4%BD%9C%E7%94%A8%E5%9F%9F%E4%B8%8E%E5%87%BD%E6%95%B0%E5%A3%B0%E6%98%8E

关键的部分摘录如下

允许在块级作用域内声明函数。
函数声明类似于 var，即会提升到全局作用域或函数作用域的头部。
同时，函数声明还会提升到所在的块级作用域的头部。

按照我的理解，题目中的代码，实际是按照这样解析

function foo() {
var bar
bar()
{
bar = function () {}
}
}

foo()

原则上，为了避免歧义，应该彻底弃用函数声明，一律用函数表达式

[kuanng]

@autoxbc 感谢

[aaniao002]

var bar= () =>

[KuroNekoFan]

function 定义和 var 都会带来变量提升，此题终结

[redbuck]

ES6 添加了块级作用域,所以你用{}包起来就有了一个私有的作用域.

如果你在 ES5 环境中(IE8 以下)应该不会报错